How can I embed a French version of my form to my website?

This article explains how to embed the French version of your Zeffy form directly on your website.

When embedding a Zeffy form on your website, you can control which language version (English or French) appears to your visitors. The form can either automatically detect the visitor's browser language or be set to display specifically in French.

Steps to Embed the French Version

1. Get the Embed Code

  1. Log into your Zeffy dashboard
  2. Go to "My forms"
  3. Click "Edit" next to the form you want to embed
  4. Click the "Share my form" button at the top of the page
  5. Select "Embed on your website" to access the HTML embed code

2. Modify the Code for French Language

To force the form to display in French, add "fr-CA/" instead of "en-CA/" to the iframe URL in the embed code. Here's what the code should look like:
<div style="position:relative;overflow:hidden;height:1200px;width:100%;">
<iframe title='Donation form powered by Zeffy' 
style='position: absolute; border: 0; top:0;left:0;bottom:0;right:0;width:100%;height:100%' 
src='https://www.zeffy.com/embed/fr-CA/donation-form/YOUR-FORM-ID' 
allowpaymentrequest allowTransparency="true">
</iframe></div>

3. Add the Code to Your Website

  • Copy the modified embed code
  • Add it to your website using your platform's custom HTML or embed code feature
💡 Platform-specific guides:

Important Notes

  • By default, embedded forms will display in the language that matches the visitor's browser settings.
  • The embedded version will only show donation/payment information, not the description, images, logo, or organization name.
  • If you need to display additional information, add it directly on your website above the embedded form.
  • Make sure your form is translated into French before embedding it.