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. Pre-Checkout eCard Setup
This option allows customers to personalize and send an eCard before checkout as part of the product purchase.
Steps:
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 "Product Page Form" on and follow instructions.
Then click Save. That's it.
Then Customers 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. Post-Checkout eCard Setup (Thank You Page)
This option allows customers to send eCards after purchase from the order confirmation page.
Steps:
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 > Customize.
Click on the Apps Tab.
Locate 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.
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:
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.
Additional 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 Add eCard in the eCardWidget dashboard.
Enter an email subject line and customize the sender's name using dynamic merge tags.
Upload an image or use the built-in design tool.
Configure scheduling, redirect options, and social sharing settings.
Save your eCard and preview the final design.
Step 3: Get the Embed Code or Attach to Your Product
Click “Add to Shopify” in the preview modal.
Choose your preferred method (Pre-Checkout, Post-Checkout, or Standalone Form).
Copy the HTML embed code (if needed) and paste it into Shopify as a custom HTML block.
Step 4: Customize Your Widget Design & Branding
Add your company logo and social media links.
Customize widget styles (colors, fonts, and layout options).
Configure email notifications and recipient tracking settings.
Save your changes and verify the design.
Step 5: Test Your eCard Integration
Place a test order for a pre-checkout or post-checkout eCard product.
Verify that the eCard is sent correctly.
Test the standalone eCard form for functionality.
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!