How to add an HTML contact form to Siquando Pro?
In this article, we will look at how we can add an HTML form to Siquando Pro Web using an iframe.
Integrate form
This is where our form comes into play. In our example, we want to include a simple contact form. The Bootstrap design lends itself to this.
Next, we need the HTML code that we can include in Siquando Pro Web. We can get it from the export wizard.
This offers several possibilities. The simplest option is the embedded iframe. We select the tab. Then we copy the HTML code, which we then embed. The default settings fit in many cases.
Our form now appears in the preview. If there are problems with the display, adjust the height in the export wizard. If the form is displayed at the wrong height, deactivate the “Responsive” option. If in doubt, try something here, copy the code and paste it again.
Better display
The form now appears, but the display is not yet optimal. So we have a double heading and also the background does not really fit the form.
We can remove the heading in HeyForm. To do this, we empty the field for the “Form heading”.
We can customize the background color in the design. In our case white is the right choice.
Now we perform the steps for the export again, copy the HTML code and paste it. The result now looks much more integrated.
Ready!
As you can see, the installation is very easy. The form can also be updated at any time, just customize the form in HeyForm and regenerate and paste the HTML code.