How do I embed ecards on my Shopify store?
Let's get started by following this guide
Last Update 5 months ago
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.
Just upload your ecard image.
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, get the embed code or attach to your product
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 have 2 options. You can attach it to your product using the product selection box or you can copy and paste the html embed code to pages within your store:
To get do this, click the "Add to Shopify" tab in the preview modal.
1. If you want the widget to show up after your product is purchased, then using the product search to find and attach it to your products and click save. You're done. Go try it out on your store by purchasing the product, you will be able to send the ecard from the order confirmation/thank you page.
2. Or to add it to your pages on your store, 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.