Shopify eCard Widget Setup Guide
We have an optional Shopify app that allows you to offer eCards in three flexible ways: before purchase, after purchase, or as an embedded standalone form. Below, you can explore these options and follow our step-by-step guide to integrate them into your store.
How to Try Out the Live Demo
Visit the eCardWidget Demo Store (Password: ecard) and test out all three eCard options:
1. Pre-Checkout eCard (Personalized Before Purchase)
Try It Here (Password: ecard)
Customers personalize an eCard on the product page before checkout.
After checkout, the eCard is automatically sent to the recipient.
2. Post-Checkout eCard (Send After Purchase)
Try It Here (Password: ecard)
Customers purchase an eCard first and send it from the Thank You page.
A call-to-action allows them to personalize and send their eCard post-purchase.
3. Standalone eCard Form (Embedded on a Page)
Visit the Homepage (Password: ecard) to try the Standalone eCard Form, where visitors can send eCards freely.
This form can be embedded anywhere and can also accept payments via Stripe for paid eCards.
Three Ways to Add eCards to Your Shopify Store
1. Option 1: Pre-Checkout eCard Setup
This option allows customers to personalize and send an eCard before checkout as part of the product purchase.
Follow the steps below in the Initial Setup Section to Install the Shopify app and setup eCardWidget first before continuing.
Steps:
To Attach an eCard to a Shopify product, go to the Shopify Settings tab in your eCardWidget account.
Select Shopify Site > Attach to Products > Select the Widget or eCard you want to Attach > Choose the Shopify Product you want to attach to > toggle "Product Page Form" on and follow instructions. You can either assign the eCard to specific products or apply it store-wide.
To make the selected eCard or widget available across your entire Shopify catalog, enable "Apply to all products on this store" and save your changes.
To attach to specific products:
Leave Apply to all products on this store disabled.
Search for a Shopify product using the search field.
Select the product you want to configure.
Configure how the eCard appears for that product.
When enabled, customers can access the eCard experience regardless of which Shopify product they purchase. This is ideal for organizations that want eCards available throughout their entire store.
Click save once you've attached the eCard or Widget to the Shopify product/s.
Customers can now visit your Shopify Product page and select the eCard design, enter recipient details, and add a message directly on the product page.
Customers complete the checkout process.
The eCard is automatically sent once the order is completed.
Scroll down and follow the "Additional Setup Steps" below.
2. Option 2: Post-Checkout eCard Setup (Thank You Page)
This option allows customers to send eCards after purchase from the order confirmation page.
Steps:
Follow the steps below in the Initial Setup Section to Install the Plugin and Setup eCardWidget first before continuing.
To Attach an eCard to a Shopify product, go to the Shopify Settings tab in your eCardWidget account.
Then Select Shopify Site > Select the Widget or eCard you want to Attach > Choose the Shopify Product you want to attach to > toggle "Thank You Page eCard Form".
You can optionally customize the text on the eCard Form page there in the options.
Then click Save.
Then Configure Shopify to display the eCard Share Form on the Thank You and Order Status pages:
Navigate to Shopify Admin.
Go to Settings > Checkout > Configurations > Edit.
Click on the Apps Tab.
Locate the eCard Share Form Component.
Click Add to both the Thank You and Order Status pages.
Customers will see this message after purchase:
Your eCards are ready to share
Explore and send your digital cards. Click below to proceed.
[Proceed to eCards] (Button)Customize this text in Thank You Page Display Options to fit your branding.
Customers click Proceed to eCards, select a design, personalize, and send their eCard. This option allows customers to send eCards after purchase from the order confirmation page.
Scroll down and follow the "Additional Setup Steps" below.
Post-Checkout Settings
Customize how customers experience eCardWidget after completing their Shopify purchase. Configure send limits and personalize the messaging displayed on both the Shopify order confirmation page and the eCard sending page.
Post-Checkout Send Limit (by Quantity)
Control how many eCards customers can send after checkout based on the quantity they purchased.
No Quantity Limit
Allow customers to send an unlimited number of eCards from the post-checkout experience, regardless of the quantity purchased.
Limit by Quantity
Customers can send one eCard for each eligible item purchased. For example, if a customer purchases 2, they can send 2 eCards. This setting is ideal for stores that sell giftable products or digital experiences and want to control how many eCards are included with each purchase.
Post-Checkout Page Text
Personalize the messaging customers see after they complete their purchase.
Customize the headings, descriptions, and button labels shown on both the Shopify Order Confirmation Page and the eCard Sending Page. Leave any field blank to use eCardWidget's built-in default text for the selected language.
By default, eCardWidget displays professionally written text for every supported language. Enable Custom Text to replace any of the default headings or messages with your own branding and copy. You can customize content for each supported language individually.
Multi-Language Support
Customize post-checkout messaging for each supported language.
Select a language from the language menu to edit its text independently.
Option 3. Standalone eCard Form (Embed on a Shopify Web Page)
This option allows eCards to be sent independent of Shopify’s checkout, by embedding it on a Shopify web page. Customers can send eCards without purchasing a product. Live Example
Steps:
Follow the steps below in the Initial Setup Section to Install the Plugin and Setup eCardWidget first before continuing.
Copy the eCard Form embed code from your eCardWidget dashboard, in the Widget Editor "Share" tab.
Paste the embed code onto a Shopify web page, in the content editor click the <> Html editor.
Customers can now freely send eCards from your site.
To charge for eCards, enable eCardWidget’s built-in Stripe-powered eCommerce form for fixed-rate or multiple-choice pricing.
Scroll down and follow the "Additional Setup Steps" below.
Initial Setup Steps
Step 1: Install and Set Up eCardWidget
Go to Shopify’s Apps section.
Search for eCardWidget and install the app.
Click Continue to eCardWidget and log in to connect your store.
Step 2: Create Your First eCard
Click Widget Form in the eCardWidget dashboard.
Add an eCard.
Upload an image or use any of the existing templates.
Customize your eCard by adding body text, editing email subject, and uploading your company logo.
Save your eCard and preview the final design.
Step 3: Select Sharing Option.
In your widget, go to the Share tab in the left panel.
In the Embed Type drop down, select Shopify if you want to attach it to your Shopify product or Embed Code if you want to add it to your standalone page.
Shopify: If you select Shopify, click the link that says "Click here to add this widget to your Shopify store."
HTML Embed Code: Copy the HTML embed code that displays and follow the steps for Option 3 above.
Frequently Asked Questions
Q: Can customers send eCards to multiple recipients?
A: In pre-checkout mode, customers can send an eCard to one recipient. In post-purchase mode, you can set a limit or allow unlimited sending.
Q: Do customers own the eCards they purchase? Can they resend them?
A: Customers do not own the eCards but can resend them to the allowed number of recipients.
Q: How does the email limit in the pricing guide work?
A: The email limit refers to the total number of emails sent via the widget, not the number of eCards sold.
Q: Can I set up a product page with both pre-checkout and post-purchase options?
A: Currently, you cannot set up both options as variants, but you can enable both modes simultaneously.
Q: If a customer reaches the send limit, can they send more later?
A: Yes! The sending limit resets the next day, as it is tracked via browser sessions.
Q: How can customers access the eCard sending page again?
A: They can use the link in their confirmation email—no website account is needed.
Q: How does eCardWidget work, and how do I add it to my store?
A: eCardWidget is a Shopify app that allows you to sell or share eCards. Follow these instructions to set it up.
Q: Is there a live demo available?
A: Yes! Visit the eCardWidget Demo Store (Password: ecard) to try it out.
Q: How do I attach eCards to Shopify products?
A: Select a product, attach the eCard, and click Save.
Q: How do I create an eCard and add it to my Shopify store?
A: Register or log in, create your eCard, save it, and then attach it to a product or embed it on a store page.
Q: How do I add eCards to my Shopify homepage, pages, blog posts, and product pages?
A: Use Shopify’s page builder or the HTML editor to paste the embed code.
Q: Will visitors be able to view and send eCards from my website?
A: Yes! Once added, visitors can send eCards directly from your store. If you need help, eCardWidget support is available.
With these steps, you can easily integrate eCardWidget into your Shopify store, enhancing customer engagement and expanding your marketing campaigns. If you need assistance, feel free to reach out to our support team!