Embedding a form from Euler into your website is straightforward and allows you to capture essential information directly from your marketing site. Follow the steps below to locate your form, copy the embed code, and customize the appearance of your form’s submit button.
Step 1: Locate Your Form
Log in to your Euler account at eulerapp.com/signin.
Navigate to Settings → Forms.
You’ll see a list of forms you’ve created in your account.
Step 2: Copy the Embed Code
Find the form you want to embed.
Click the Get Code option next to the form.
A popup will appear with the embed code.
In the popup, click directly on the iframe code. This will automatically copy the code to your clipboard.
Step 3: Provide the Code to Your Developer
Share the copied iframe code with the developer responsible for your marketing site. They can paste this code into the relevant pages where the form should appear.
Advanced: Customize the Submit Button Color
You can customize the form’s submit button by appending a parameter to the iframe code. This allows you to specify a custom button color using a hex code.
Example
To change the button color, append &btn-color= followed by the hex value of your preferred color (without the # symbol). For example:
<div style="width: 100%; overflow: hidden;">
<iframe src="https://eulerapp.com/version-01l44/preferral?rid=1705957473198x620240717683884000&btn-color=6676F2" style="border: 0; width: 100%; height: 800px;" frameborder="0"></iframe>
</div>
In this example, the button color is set to 6676F2, a shade of blue. Replace 6676F2 with the hex code of your desired color to match your website’s branding.
Important Notes
Some forms in Euler are internal and cannot be embedded. These forms will not display the Get Code option in the forms list.
Ensure that your marketing or web development team tests the embedded form on the live website to confirm it appears and functions as expected.
By following these steps, you can easily embed Euler forms into your website and even customize their appearance to suit your needs. For any additional questions or assistance, reach out to our support team at [email protected].