Can you add an Instagram feed to a Canva website?

The short answer

Not with an auto-updating feed widget, as far as Canva’s documentation shows. Instagram feed widgets, including ours, Social Feed by grip space, are added to a website by pasting a small piece of code with a script tag. Canva’s help articles on designing, publishing and connecting domains to Canva websites describe adding text, photos, videos, graphics, charts and embeds, but none of them describes a place to paste your own HTML or JavaScript. We could not find one, so we cannot tell you to paste our code into a Canva website and expect it to work.

That does not mean you have to go without Instagram on your site. There are several honest alternatives, from a simple link to moving the feed onto a page that does accept code. They are all covered below, with the trade-offs.

What a Canva website can include

Canva’s article on designing websites says you use the editor side panel to add “text, photos, videos, graphics, charts, or embeds to your design.” Here is what Canva documents about each relevant option:

The key difference is links versus code. Canva’s Embeds app works by pasting a web link to a supported piece of media, which Canva then turns into an element in your design. A feed widget needs the opposite: the website has to run a script that fetches your posts and draws them on the page. Canva’s website documentation does not describe running scripts you supply.

Why a feed widget needs a script

It helps to know what a feed widget actually does, because it explains why some site builders support it and others do not.

Our embed code is a single script tag. When a visitor opens a page containing it, the script loads your recent posts from your connected Instagram professional account and draws a grid or slider right where the tag sits. That is what makes it auto-updating: you post on Instagram, and the website shows the new post without you editing the site. Platforms such as WordPress, Shopify, Wix, Squarespace, Webflow, Carrd and Strikingly offer a place to paste this kind of code, usually on certain plans.

Canva treats code differently in the places its help center covers. Its article on importing HTML files into Canva, for example, says that “JavaScript functionality isn’t supported in imported designs.” That article is about turning an HTML file into an editable design, not about websites, but it shows the general approach: Canva converts content into its own design elements rather than running scripts.

What about Canva Code?

Canva Code is a newer feature that creates interactive designs, such as landing pages, quizzes and calculators, from a description you type. Canva’s help center says you can publish Canva Code creations as live websites, and that interactivity works on published websites.

It is tempting to ask Canva Code to “add my Instagram feed with this script.” Here is what the documentation says and does not say:

1. You cannot edit the code directly in Canva. Canva says changes are made by prompting Canva AI or using the editor’s tools, and you can view the code with a “Show code” toggle and copy it.
2. The Canva Code help articles we read do not address loading external scripts, calling outside services or embedding third-party content.
3. Canva notes that large or complex Canva Code websites may fail to publish.

Because nothing in Canva’s documentation says a third-party script will be kept and run on a published Canva Code site, we do not recommend this as a way to show our feed, and we cannot support it. If Canva documents it in the future, we will update this article.

Your options at a glance

Option 1: Link to your Instagram profile

The simplest option works on every Canva plan and never breaks. Add a clear button or icon that opens your Instagram profile:

1. In your website design, add a text box or a shape you want to use as a button, such as “Follow us on Instagram.”
2. Select it, then on the floating toolbar select the More icon and choose Link. (These are the steps in Canva’s hyperlinks article.)
3. Enter your Instagram profile URL, for example https://www.instagram.com/yourname/, and press Enter.
4. Use Preview to check the link, then publish.

Place the link where people look for it: in the header next to your navigation, near your contact details, or at the end of the page. A short line about what you post (“new arrivals every Friday,” “behind the scenes from the studio”) gives visitors a reason to click.

Option 2: Instagram images through the Embeds app

Canva’s help article on embedding media lists Instagram among the apps you can use, as a source of “Instagram images.” The steps Canva gives are:

1. Open your design.
2. In the editor side panel, select Apps.
3. Search for Embeds.
4. Select the app for the media you want (Instagram).
5. Paste the web link of the media, for example the link to one of your posts.
6. Click Add to design.

This is a way to feature specific posts you pick, one link at a time. Canva does not describe it as a feed, so new Instagram posts will not appear on their own; you would add or replace links yourself. Canva’s help center also does not spell out exactly which Instagram links are accepted or how the element behaves on a published website, so preview the result and check it on a phone before publishing.

If you choose this route, pick posts that still make sense months from now, such as your best product photos or a post that explains what you do, rather than time-sensitive announcements.

Option 3: Design a “latest posts” section yourself

Since a Canva website is a Canva design, you can recreate the look of a feed with images. Download or reuse photos you have posted, arrange them in a grid of three or four across, and link each image or the whole section to your Instagram profile using the same Link steps as in Option 1.

The advantage is full design control: the section matches your site exactly, and nothing loads from outside. The disadvantage is obvious: it is a snapshot. It is only as fresh as the last time you updated it, so put a reminder in your calendar, for example once a month, to swap in newer photos. Keep the images reasonably small, because a large grid of full-size photos makes a page heavier.

Option 4: Put a live feed on a separate page and link to it

If you want a feed that updates on its own but like your Canva site as it is, you can host just the feed on a page somewhere that accepts script code, and link to it from your Canva site. For example, your Canva site has a button labeled “See our latest Instagram posts” that opens a simple page with the feed.

Where the feed page lives is up to you. Any platform or web host that lets you paste a script tag into a page works, including a plain HTML page on hosting you already have. Our guides show the details for plain HTML and other platforms, and these posts cover small, quick sites: Carrd and Strikingly. Check each platform’s plan: many only allow custom code on paid plans.

Things to keep in mind:

1. It is a second site to look after. Keep its colors, fonts and logo close to your Canva site, so visitors do not feel they have left.
2. Add a way back. Put a link to your main Canva site at the top of the feed page.
3. Domains. If your Canva site uses your own domain, the feed page will normally use a different address. Many people use a subdomain they control for this; how to set that up depends on your domain provider and the platform hosting the feed page.

Option 5: Build the site elsewhere and bring your Canva designs with you

If your site is growing, it may be time to move it to a website builder that accepts code, and keep using Canva for what it does best: design. Canva’s help center describes how to embed a Canva design on another website:

1. Open the design in Canva.
2. In the menu bar above the editor, click Share, then See all.
3. Choose Embed, and confirm with Embed. Canva notes that the design will be made public.
4. Copy the HTML code or the smart embed link, depending on what your site supports.
5. Paste it onto your website.

Canva says edits to the original design automatically appear in embedded versions, which is handy for banners, menus or flyers you update often. It also notes that premium elements display a watermark unless purchased, and that on Free or Pro plans, embeds are public and cannot be restricted.

On the new site, you add the Instagram feed with its HTML or code block. We have step-by-step guides for WordPress, Shopify, Wix, Squarespace and Webflow, and posts for Framer, Duda and GoDaddy.

Before you move a Canva site: a short checklist

1. Check the new platform’s plan. Many builders only allow custom code or HTML blocks on paid plans. Confirm this in their own help center before you rebuild anything.
2. List what your Canva site does today. Pages, links, forms, videos and any embeds, so nothing gets lost in the move.
3. Plan your domain. If your Canva site uses your own domain, you will point it to the new platform instead. Keep the Canva site published until the new one is ready.
4. Unpublish cleanly. If you remove Canva embeds later, Canva’s help center says to delete the embed link in Canva and remove the code from your website, to avoid broken images.

Which option should you choose?

A note on Link in Bio pages: Canva’s domain help says Mobile website and Link in Bio designs publish only to a canva.link address, so custom domain options are not offered for them. If your Canva page is mainly a link list for your Instagram bio, visitors are already coming from Instagram, and a feed adds less than it would on a main website. A clear set of links is usually enough.

If you go with a live feed: setting up Social Feed by grip space

For Options 4 and 5, here is how the feed itself is set up. It takes a few minutes:

1. Make sure your Instagram account is a professional account (Business or Creator). Instagram only gives feed tools access to professional accounts; see our guide.
2. Sign up for Social Feed by grip space with your email address. The Free plan needs no credit card.
3. Click “+ Connect Instagram account” and log in with your professional account.
4. Open “Settings & preview”, choose a grid or a slider, and set columns, number of posts, spacing, max width and font size while watching the preview. Save.
5. Under “Add the embed code to your website”, click “Copy” and paste the code into an HTML or code block on the page where the feed should appear.

<script type="text/javascript" src="https://n246.grip.space/api/v1/instagram/widget/xxxxxxxx"></script>

You can match the feed to a site you designed in Canva: set the image spacing to match your other gaps, color the Follow button with your brand color, and set a max width close to your content width. The widget does not load fonts of its own, so it uses the font of the page it is on. More ideas in how to match a feed to your site’s design.

The feed can open posts in a lightbox on your page or send visitors to Instagram, and you can filter by Reels, carousel posts, videos, time period and caption keywords. See lightbox or link? and filtering by keyword.

Social Feed plans

A view is counted each time the feed loads. If you go over your plan’s monthly view limit two months in a row, the feed pauses from the following month, and we email you when you reach 80% and 100% of the limit. Details on the pricing section and in what the free plan includes.

Frequently asked questions

Can I paste a widget’s embed code into a Canva website?
Canva’s Help Center does not describe any place in a Canva website to paste HTML or JavaScript. The Embeds app takes web links to supported media, not code. So we cannot recommend pasting our code, or any script-based widget’s code, into a Canva website.

Is there a Canva app that shows an Instagram feed?
Canva’s embed help lists an Instagram app for “Instagram images,” added by pasting a link. Canva does not describe it as an auto-updating feed. Canva’s app catalog changes over time, so check the Apps panel in your editor, and read what any app says about updating before relying on it.

Can Canva Code add an Instagram feed?
Canva’s documentation does not say whether third-party scripts work on published Canva Code websites, and the code cannot be edited directly in Canva. We have not confirmed that our widget works there and do not support it.

Can I add the feed to my Canva site through my custom domain settings?
No. Connecting your own domain points the domain to Canva’s servers through DNS settings; Canva’s domain help does not mention adding code, scripts or analytics tags.

Can I embed a single Instagram post instead?
Instagram offers its own Embed option for individual posts, but it also uses code, so it needs a site that accepts HTML. On a Canva website, Option 2 above is the closest equivalent. Learn more in how to embed a single Instagram post.

Does Social Feed by grip space show hashtags or other people’s accounts?
No. It shows posts from the Instagram account you connect, one account per widget. You can create more than one widget per account, for example a grid for one page and a slider for another.

Sources

1. Canva Help Center, “Design websites in Canva using templates or from scratch”: https://www.canva.com/help/designing-websites/
2. Canva Help Center, “Canva Websites overview and getting started guide”: https://www.canva.com/help/canva-websites/
3. Canva Help Center, “Embed media and links on designs”: https://www.canva.com/help/embed-media/
4. Canva Help Center, “Embedding designs and unpublishing embeds”: https://www.canva.com/help/embed-designs/
5. Canva Help Center, “Add hyperlinks”: https://www.canva.com/help/hyperlinks/
6. Canva Help Center, “Import HTMLs”: https://www.canva.com/help/import-html/
7. Canva Help Center, “Create interactive designs with Canva Code”: https://www.canva.com/help/canva-code/
8. Canva Help Center, “Publish and manage Canva Code websites”: https://www.canva.com/help/publish-canva-code/
9. Canva Help Center, “Edit interactive Canva Code designs and elements”: https://www.canva.com/help/canva-code-generated-interactive-elements/
10. Canva Help Center, “Use your own domains to publish websites”: https://www.canva.com/help/publishing-websites-own-domains/