Home » Blog » Advanced Embed Form Customization (with HTML and CSS)

Advanced Embed Form Customization (with HTML and CSS)

The Embeddable Audit Tool has been designed to be simple and easily editable. iraq telegram data We purposely don’t compress or obfuscate the embed code like other 3rd party tools do which explicitly prevent you from customizing the code. Instead, we expose all the CSS in a simple code block above the HTML embed code so you can style form objects as long as you have some basic CSS knowledge. All it takes is adding a few lines of CSS into the relevant sections to customize the look and feel entirely. If you have intermediate HTML knowledge, you can modify the form structure itself. You can also add your own JavaScript functions  or you can call other functions.

Exploring the base HTML embed code

To generate the embed code, go to the Embedding Settings tab and hit the after the data was releas “Save Settings & Generate Embed Code” buton. Below is an example of the base code. You’ll notice the first section is CSS, followed by HTML and finally JavaScript. You should customize the first two sections and leave the JavaScript as it is. As is suggested in the 2nd line comment, you can move the CSS section into your CSS file so its all managed in one place centrally. The SEOptimer Embed Form has simple form validation built-in by default. On Submit, the JavaScript checks all form fields for valid input and in the event there is invalid input, it triggers a JavaScript alert message in the browser like the following

 Firing a Google Analytics or Facebook event during form submission

Firing tracking events like GA or Facebook for goal measurement or retargeting is phone number list from lob directory a great way to leverage the traffic using your Embed Form. The best way to do this is with a Tag Manager tool like Google’s own Tag Manager (GTM). That way, you can install GTM as an empty container on your website and then manage all the tags and pixels from GTM itself without the need to dig into the code every time. There are two ways GTM can fire events on the submission of a form on your website: Using the built-in form trigger when the form’s submit event occurs Relying on a custom Event which needs to be added to GTM’s data layer

 

 

 

Scroll to Top