How to link the Fotostudio contact form to my website? (Wordpress, Wix, etc.)
Once your contact form is created in Fotostudio, you will be able to insert it into your website.
You need to start by retrieving the HTML code for your form.
To do this, edit your contact form in Settings > Modules > Contact Forms and then click on the Get code button.
In the window that opens, you will find the code to insert on your site. It needs to be copied.
The code appears in this form:
<iframe width="100%" height="650" src="https://www.fotostudio.io/lead_forms/XXXX" frameborder="0" allowfullscreen></iframe>
The integration of the contact form will vary depending on the platform used, here's how to do it on Wordpress and Wix.
Add an HTML block to your page:
Click on the "+" icon to insert a block.
Select the HTML block.
Paste your contact form's HTML code into the text area.
Source: Wordpress.com
Add an HTML Widget to your page:
Click on Add on the left side of the Editor.
Click on Embed.
Select Embed a widget to add an iFrame to your page.
Embed your code:
Click on Enter Code.
Paste your contact form's HTML code into the text area.
Click on Apply.
Source: Wix.com
Depending on the number of fields in your contact form, you might have a scrollbar next to the form when integrating it into your website. To correct this, you need to modify the value of "height='650'" in the code pasted on your site. Feel free to test to find the value that fits the size of your form.
If you have difficulties integrating your contact form into your website, do not hesitate to contact us via the chat at the bottom right.
Retrieve the HTML code
You need to start by retrieving the HTML code for your form.
To do this, edit your contact form in Settings > Modules > Contact Forms and then click on the Get code button.
In the window that opens, you will find the code to insert on your site. It needs to be copied.
The code appears in this form:
<iframe width="100%" height="650" src="https://www.fotostudio.io/lead_forms/XXXX" frameborder="0" allowfullscreen></iframe>
Insert it on your website
The integration of the contact form will vary depending on the platform used, here's how to do it on Wordpress and Wix.
Wordpress
Add an HTML block to your page:
Click on the "+" icon to insert a block.
Select the HTML block.
Paste your contact form's HTML code into the text area.
Source: Wordpress.com
Wix
Add an HTML Widget to your page:
Click on Add on the left side of the Editor.
Click on Embed.
Select Embed a widget to add an iFrame to your page.
Embed your code:
Click on Enter Code.
Paste your contact form's HTML code into the text area.
Click on Apply.
Source: Wix.com
Depending on the number of fields in your contact form, you might have a scrollbar next to the form when integrating it into your website. To correct this, you need to modify the value of "height='650'" in the code pasted on your site. Feel free to test to find the value that fits the size of your form.
If you have difficulties integrating your contact form into your website, do not hesitate to contact us via the chat at the bottom right.
Updated on: 28/03/2024
Thank you!