Skip to main content
All CollectionsUsing involve.meShare & Embed - Share Your Projects via URL or Embed Them on Your Website
How to Embed Your involve.me Project on Other Platforms (Wix, Shopify, Squarespace, Weebly, Etc.)
How to Embed Your involve.me Project on Other Platforms (Wix, Shopify, Squarespace, Weebly, Etc.)

Learn How to Use Your involve.me Project on 3rd Party Platforms

Adrian avatar
Written by Adrian
Updated over a week ago

A published project can be shared or embedded.

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

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 project on your own website. 

Framer

With Framer there are two possible ways to embed your project, you might need to do some testing in order to find out which method works best with your setup:

  • In Framer, add an "Embed" element to the canvas and paste your involve.me project URL there.

  • If you come across any issues with the embed's height, then you can generate a standard embed code with the option "Dynamic height resize" deactivated. Just choose your preferred height (eg. 600px) - every page that is larger than that will be scrollable - then copy the embed code you just generated and add it to an "Embed" element in Framer, under the "HTML" tab.
    In the size settings, make sure to set the height to “fixed” and use the same height you entered when generating the embed code (in this example it would be 600px).

Google Sites

Code on Google Sites is sandboxed within a container and does not allow embeds to change size, so please only use it with minimum heights, fixed heights or scrollbars.

Shopify

Navigate to the page where you'd like to embed your project. Click the < > icon in the top right corner of the rich text editor to switch to the HTML view.

Paste the embed code in the editor, click Save, then click View Page to view your embedded project.

You'll find more detailed instructions here (step 3 and 4).

Squarespace

Please add the embed code in the element "Code" (not "embed").
After you entered the code you will see the message "script disabled" in the website editor. Open the web page to see the embed, you will not see it in edit mode.

Weebly

You can embed an involve.me project on Weebly by adding an "Embed Code" element to your website and pasting in there the embed code from your project on involve.me.

Wix

Go to the "Add Elements" section and select "Embed Code" followed by "Embed a site".

From there, just enter the URL of your project (not the Share-HTML code) and it will show up on your Wix website.

You can also add your involve.me embed code if you want to use the pop-up embed feature, but be advised that there are limitations to this as certain pop-up embed types (like the Chat Button and the Side Bars) and customization features will not work with Wix.

You will most likely need to do some testing before finding a combination that works.

To add your embed code, go to the "Add Elements" section and select "Embed Code" followed by "Embed HTML" then just paste your embed code there.

WordPress (Plugin)

With the involve.me plugin you can easily embed your project in any post/page and page builder, including gutenberg and elementor.

WordPress (Self-Hosted)

involve.me will work with any theme of your choice. Most themes have a code or HTML content element to add the code. If there is no content builder available in your theme you can still change "Visual" to "Text" to add code or use our WordPress plugin.

If you are using WP Rocket to optimize your website's performance, please make sure to exclude the involve.me domain under the Load JavaScript Deferred options.

WordPress (Hosted via wordpress.com)

Adding custom code on their shared blog platform is only allowed for WordPress.com Business Plans. You can also use our WordPress plugin instead.

Wordpress + Elementor Content Builder

Make sure to use the content element "HTML" and not the element "Custom HTML" or use our WordPress plugin.

Other platforms

Just copy and paste the embed code to an element that allows HTML and you should be set. Please note that some platforms do not allow embed scripts, in these cases using basic HTML embed types (Standard embed or Fullscreen embed) instead might work.

Did this answer your question?