Skip to main content
All CollectionsShare & Embed
Share or Embed Your Funnel
Share or Embed Your Funnel

After Publishing You Can Share Your Funnel With a Link or Embed It on Your Website

Adrian avatar
Written by Adrian
Updated over a month ago

A published funnel can be shared or embedded.

You can find the URL and the embed code on the "Share your funnel" screen, which is shown directly after publishing the funnel and can be accessed anytime from the Funnel Overview.

Share Your Funnel

You can just email the URL, send it to your contacts on Messenger, share it on Social media or use the embed code to put the funnel on your own website.

Funnel URL

The link to your funel can be found here and copied to your clipboard. Click on "Open" to open your funnel in a new browser window.
You can change the URL of a live funnel on the Settings screen. Be aware, that the old link will not work anymore after changing the URL.

Short URL and QR Code

Both Short URL and QR Code are alternative ways to access your funnel. The Short URL and the QR Code are linked to the URL above.

Share

You can directly share the funnel in your social media channels (Facebook, LinkedIn, etc).

The "Invite by email" feature allows you to send a customized email invitation to your list of contacts, so that they can partake in your funnel(s). In order to use this feature, a Basic plan or higher is necessary.

Embed in a Web Page

Here you can find the embed code you can use on your own website, see it in action and also try out the embedded funnel with different settings. The embed code creates a responsive iframe and in addition to this you can select the minimum height and set a fixed width if needed.

Embed Your Funnel

Embed Type

In the example above we're showing a Standard type embed, but you can also embed your funnel in full size or embed as a popup on your webpage.

Dynamic Height Resize Option

This option is enabled by default, and the if height and width are set to auto, the funnel will automatically grow to take the space it needs on the website.

If you do not want the embed widget to grow, please disable the option "Dynamic height resize" before you copy your code. Without dynamic height you must use CSS on your website to specify the height, usually you can select it like this: .involveme_embed iframe { height: 650px; }

Minimum Height | Width

Here you can manually adjust the minimum height of your funnel, as well as its width, if necessary. If you have the Dynamic Height Resize option enabled, you can simply leave them as "auto".

Transparent Background

Toggle this option on if you don't want any background image/color on your embedded funnel. This is a great option for seamlessly integrating the funnel in your website.

Loading Background Color

When the embed loads, the background can be set to match your page esthetics. Adjust this color using the option "Loading background color". By default, the value is set to #ffffff (white).

Get Embed Code

The embed code that you get generates an iframe that you can embed on your website.

In order to get it, simply click on the "Get Embed Code" button in order to generate your embed code. Then click "Copy code" to put the embed code in your clipboard - you're now ready to embed the funnel on your website.

We advise not to use your own <iframe> tags since it will not guarantee full functionality for your funnels.

⚠️ Important: If you change your funnel's URL, you will need to replace your embed code too.

Pass Website URL Parameters to an Embedded Funnel

If you are using Hidden Fields in your involve.me funnel, you can pass hidden field data through parameters in the embed code. Simply use data-params in the div section of the embed code to add your parameters.

As an example, lets say you have two hidden fields called "field1" and "field2", this is how the data-params format should look like:

data-params="field1=value1,field2=value2"

Then when you add it into your embed code, it will look something like this:

<div class="involveme_embed" data-project="funnelname" data-params="field1=value1,field2=value2"><script src="https://example.involve.me/embed"></script></div>

Adding data-params to the embed code is optional however, as our script does the job if the parameters are present on the parent website URL. Data-params are best suited for cases where you want to have the hidden field filled "silently", or not based on your own URL parameter.

Did this answer your question?