Zeffy Help Center
Website Embeds & Widgets

How to share or embed a translated campaign in a specific language

When your campaign is translated, you can share or embed it so visitors see a specific language version instead of relying on their browser settings. By default, forms automatically detect the visitor’s browser language. To force a specific language, use the language-specific URL for a button or add a language prefix to the embed code.

Before you start

Translate your campaign first. Canadian accounts support English and French; US accounts support English and Spanish. Learn how to translate your form.

How translations work in URLs

Every translated campaign has a base URL and a language-specific version. When you open a share link and click the language toggle (FR or ES) in the top-right corner of the form, the URL updates to include a language prefix. You can copy that URL to share a specific language directly.

Share a specific language campaign (on your website or social media)

To send visitors to a specific language version of your campaign using a website button:

  • Log in to Zeffy and go to Campaigns.

  • Find the translated campaign and click the three dots (⋯) to the right of it.

  • Click View to open the copied link in your browser.

  • Click the FR or ES toggle in the top-right of the form to switch to the desired language.

  • Copy the updated URL from your browser address bar. This URL includes the language prefix and will always open the form in that language.

You can also adjust the language manually by editing the language prefix in the URL:

  • Canadian organizations: en-ca (English) or fr-ca (French)

  • U.S. organizations: en-us (English) or es-us (Spanish)

For example:

  • https://www.zeffy.com/en-ca/... → English (Canada)

  • https://www.zeffy.com/fr-ca/... → French (Canada)

  • https://www.zeffy.com/en-us/... → English (United States)

  • https://www.zeffy.com/es-us/... → Spanish (United States)

At this time, language switching is only available for Canadian and U.S. campaigns. Organizations based in the United Kingdom and Australia do not currently have additional language versions available.

  • In your website builder, add a button and paste this language-specific URL into the button’s Link, URL, or Web Address field.

For platform-specific button instructions, see Add a button to a website to share your campaign.

Embed a specific language on your website

To embed a campaign that always opens in a specific language:

  1. Log in to Zeffy and go to Campaigns.

  2. Find the translated campaign and click the three dots (⋯) to the right of it.

  3. Select Share, then click More ways to share and choose Embed.

  4. Under Embeds, select Campaign and copy the HTML code.

  5. To force the embedded campaign to always open in a specific language, edit the data-form-url URL within the iframe code and add the appropriate language prefix before /embed/.

For example, in the code:

<div><div data-zeffy-embed data-form-url="/embed/donation-form/donner-pour-soutenir-la-cause-431"></div><div data-zeffy-embed-fallback style="display:none;"><div style="position:relative;overflow:hidden;height:450px;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%' data-zeffy-embed-src='https://www.zeffy.com/embed/donation-form/donner-pour-soutenir-la-cause-431' allowpaymentrequest allowTransparency="true"></iframe></div></div><script src="https://www.zeffy.com/embed/v2/zeffy-embed.js" onerror="document.querySelectorAll('[data-zeffy-embed-fallback]').forEach(function(el){el.style.display='block';el.querySelectorAll('iframe[data-zeffy-embed-src]').forEach(function(f){f.src=f.getAttribute('data-zeffy-embed-src');});});"></script></div>

You only need to update the data-form-url value in the first line of the embed code.

For a French (Canada) embed, add fr-ca before /embed/.

The first line would become <div><div data-zeffy-embed data-form-url="fr-ca/embed/donation-form/donner-pour-soutenir-la-cause-431"></div><div data-zeffy-embed-fallback style="display:none;">

The rest of the code remains the same.

For an English (Canada) embed, add en-ca before /embed/.

The first line would become <div><div data-zeffy-embed data-form-url="en-ca/embed/donation-form/donner-pour-soutenir-la-cause-431"></div><div data-zeffy-embed-fallback style="display:none;">

The rest of the code remains the same

For a Spanish (US) embed, add es-us before /embed/.

The first line would become <div><div data-zeffy-embed data-form-url="es-us/embed/donation-form/donner-pour-soutenir-la-cause-431"></div><div data-zeffy-embed-fallback style="display:none;">

The rest of the code remains the same.

For an English (US) embed, add en-us before /embed/.

The first line would become <div><div data-zeffy-embed data-form-url="en-us/embed/donation-form/donner-pour-soutenir-la-cause-431"></div><div data-zeffy-embed-fallback style="display:none;">

The rest of the code remains the same.

Important notes

  • Embedded forms display only the donation or payment fields, not your campaign description, images, logo, or organization name. Add that content directly on your website if needed.

  • Visitors can still manually switch languages on the form page using the FR/ES toggle unless you are using a forced-language URL or embed.

Was this helpful?