How do I embed ecards on my Shopify store?

Let's get started by following this guide

By Tim Badolato

Last Update 22 天前

These instructions will show you how to add an ecard to your Shopify store pages using an embed code. Once you get this app installed, we're going to create an ecard, and then we're going to add it to your Shopify store. It's a very quick and easy process.

Step 1. Login or Register for a free account

After you've installed the app, you need to Register or Login before you will be able to create your ecard.

Step 2. Design your ecard and then save and preview it

After logging in you will land on the ecard creation page where you can make your very first card.


Step 3. On the preview page, click the share tab and copy the embed codeOn this page you will see, two options to the left, you can either upload an image, so you just pick an image off your computer and upload it, it can be an animated GIF, can be a JPG, PNG, any of those file types, and there's really no set dimension, you can have it very tall and a long ecard, or short and simple.


Or you use the ecard designer tool. You can totally customize the card, change the background, font, add clip art, etc. You can set a greeting, details, email subject, customize the layout, etc. You can link this image back to your website, your business website or wherever you want. Set the details, you could add additional details, especially if this was like an invite, and you needed to give more info about it.


Let's go ahead and click Save and preview. Bam! You just made your first ecard.

Step 3. On the preview page, click the share tab and copy the embed code

Your ecard has been created, it's ready to go to be published. Right now it's not published, it's only available to us in your dashboard. But to publish it to Shopify to your store, you click the "Add to Shopify" tab in the preview modal. Then copy the HTML Code from the textarea, we'll need it shortly.


And this tab gives us the embed code, which we're going to paste into Shopify as custom HTML block, there's a section you can add that allows you to paste HTML.

Step 4. Add your new ecard to your Shopify Homepage

Now go to your online store. And let's add the ecard to your homepage. From your Shopify Admin Menu go to "Online Store" > "Themes" > "Customize". Then click the "Add Section" button, then click to add the "Custom HTML" section. You can clear the "Heading" text, then click "Content" > "Custom HTML". Then edit the textarea and clear out the example text. Then paste the embed code you copied from the app earlier.


Alright, so let's go back and hit the "Save" button to see how it will look. Now you should see the ecard embedded on your webite. You can click on it, personalize it, preview it, and send it to friends! And visitors can now send this out, you can send these out.

Step 5. Add the ecard to your Shopify Pages, Blog Posts, and Product Pages

Let's go ahead and you just want to show you how to add it to pages now.


We've added it to your theme to the homepage. But if you wanted to add it to a blog post or a page, it's a similair process. Let's just go ahead and add it to a page. On the page, you have an editor, it's the same thing on blog posts. And there's a little button "<>" that says "Show HTML". Click on it and paste the HTML embed code you copied earlier. Go ahead and click save and now go view your page, make sure that the ecard showing up.


You can use the same instructions to add the ecard to blog posts and product pages too.

Step 6. That's it! Visitors will now be able to view and send the ecard from your website

We hope you enjoy using ecard widget creating tons of amazing ecards sending them to all your friends.


If you have any questions we're available. We want to do whatever it takes to to make you guys happy and help this be a good experience.

Was this article helpful?

0 out of 0 liked this article

Still need help? Message Us