How to integrate an external 'Contact Us' form, for which I have the HTML, CSS, and JS, into a CMS page

[willump]

Hi everyone, I have a form from an external platform (Zoho Forms) that I’ve already integrated as an iframe into a CMS page. However, this doesn’t work well for Google’s Enhanced Conversions, since the form is hosted on a Zoho domain. I therefore need to integrate the form directly into my website’s CMS page using HTML, CSS, and JS, and I’d like to know how to do that. Thanks a lot!

 

ps: Of course, I already have the HTML, CSS, and JS code, but I don’t know how to proceed.

[Knowband Plugins]

The simplest method is to put the HTML/CSS/JS int he themes/classic/templates/contact.tpl (OR Check the same according to your theme) to display on the contact us page.

 

Place the content on the highlight places. 

If using the inline CSS/JS tag then put them inside the {literal} {/literal} tags

 

 

[willump]

49 minutes ago, Knowband Plugins said:

The simplest method is to put the HTML/CSS/JS int he themes/classic/templates/contact.tpl (OR Check the same according to your theme) to display on the contact us page.

 

Place the content on the highlight places. 

If using the inline CSS/JS tag then put them inside the {literal} {/literal} tags

 

 

Sorry, but in this way the form will appear on all CMS pages?

[Knowband Plugins]

This will display on the contact us page, not the CMS page. 

You add the same on the CMS, you need to do either from the module OR changes in the themes\classic\templates\cms/page.tpl

 

Change

{block name='cms_content'}
      {$cms.content nofilter}
    {/block}

to

 

{block name='cms_content'}
      {if $cms.id == "1"}
        //Your Form Content
      {else}
        {$cms.content nofilter}
      {/if}
      
    {/block}

Update $cms.id == "1" to your CMS page ID. 

 

Edited April 11 by Knowband Plugins (see edit history)