Jump to content

Canva Website embeddable?

Recommended Posts

Hi there, Canva has this new option of designing whole web pages. Say like this: https://www.canva.com/design/DAEXCxiz7e0/payRZVwHhvQ2q2FtNnX2zg/view?website#2:quick-and-hassle-free-shopping

Can anyone tell me if it's possible to embed the whole page design in Squarespace? When I enter the Canva embed code in the page header, which is the following:

<div style="position: relative; width: 100%; height: 0; padding-top: 48.1481%;
 padding-bottom: 48px; box-shadow: 0 2px 8px 0 rgba(63,69,81,0.16); margin-top: 1.6em; margin-bottom: 0.9em; overflow: hidden;
 border-radius: 8px; will-change: transform;">
  <iframe style="position: absolute; width: 100%; height: 100%; top: 0; left: 0; border: none; padding: 0;margin: 0;"
    src="https:&#x2F;&#x2F;www.canva.com&#x2F;design&#x2F;DAEXCxiz7e0&#x2F;view?embed">
  </iframe>
</div>
<a href="https:&#x2F;&#x2F;www.canva.com&#x2F;design&#x2F;DAEXCxiz7e0&#x2F;view?utm_content=DAEXCxiz7e0&amp;utm_campaign=designshare&amp;utm_medium=embeds&amp;utm_source=link" target="_blank" rel="noopener">Black Experimental Art Deco Fashion Website</a> 

 

it only shows as a full width Canva slideshow, even if in Canva I have selected the option 'scrolling website'. I guess there is something in the code that needs to be changed so it shows as a website, not a slideshow. Can anyone help me display the whole thing as a site, like designed?

Link to comment
  • Replies 3
  • Created
  • Last Reply

Top Posters In This Topic

Hi. Try adding a Code Block > Paste the code.

If it still has problem, share link to page where you added the code. We can check easier.

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
  • 2 weeks later...
On 3/1/2021 at 3:40 PM, tuanphan said:

Hi. Try adding a Code Block > Paste the code.

If it still has problem, share link to page where you added the code. We can check easier.

Hi, that's what I have done. It is embedding the page as a slideshow, not as a scroll down page.

Link to comment
  • 1 year later...

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.