Adding Elfsight widget to Canva website
Ready to add an Elfsight widget to your Canva website? This step-by-step guide will help you through the process. Let's dive in π
- 1
-
Prepare your widget Share Link
To install an Elfsight widget on your Canva website, you need its Share Link. Go to your Elfsight account, find the widget you want to install and click Install:Switch to the Share Link tab and click Copy Link:
There are 6 widgets that don't have the Share Link option: Banner, Contact Form, Form Builder, Popup, Slider, and Subscription Form.
If you use one of these widgets in a static layout (except for Popup, as it doesn't have static layouts), you can manually create a Share Link for your widget using this format:https://WIDGET-ID-WITHOUT-HYPHENS.elf.site
In the link above, replace WIDGET-ID-WITHOUT-HYPHENS with your actual Widget ID, without hyphens. Here is an example:
https://6b71ec7fb3ad4df7b4e6291714fe957f.elf.site
This link won't display the widget when clicked directly. It will only work once embedded in your website. - 2
-
Go to your Canva admin panel
Log in to your Canva account, navigate to Projects β Designs and open the website where you want to add the widget: - 3
-
Get the Embed app
In your Canva website editor, go to Apps. Enter βEmbedβ in the search box and open the Embed app: - 4
-
Add the widget
Select the page where you want to see the widget or add a new page (1). Paste the widget Share Link from step 1 into the field (2) and click Add to design (3): - 5
-
Adjust the widget's size
Once the widget appears, you can change its width, height, and placement by dragging the container: - 6
-
Save the changes
Click Publish Website to make the changes go live:
That's it! Your Elfsight widget is now added to your Canva website π
Please note that Canva doesn't allow adding a widget to all pages at once. For a multipage site, you'll need to add the widget to each page individually.