Mify Buy Widget
User Guide

Embed shoppable product cards and collection grids on any website — WordPress, Squarespace, Wix, or plain HTML.

Use arrow keys or buttons below to navigate
Step 1

Install the App

Mify Buy Widget
Embed shoppable product cards on any website
Install app
Price
Free
Rating
5.0
  • Find Mify Buy Widget on the Shopify App Store
  • Click Install app and approve the permissions
  • You'll be redirected to the app dashboard automatically
Step 2

Dashboard Overview

Mify Buy Widget
Create Widget
0
Impressions
0
Clicks
0
Add to Carts
0
Checkouts
Create your first widget
Embed products on any website

Your dashboard shows key metrics and quick actions. Start by creating your first widget.

Step 3

Create a Widget

Choose Widget Type
🛍️
Product Card
Single product
📦
Collection Grid
Multiple products
  • Click Create Widget from the dashboard or widgets page
  • Choose Product Card for a single product or Collection Grid for multiple
  • Give your widget a name (e.g., "Homepage Featured Product")
Step 4

Select a Product or Collection

Widget Name
My Product Widget
Product
Bedside Table
$129.00
Change Product
🖼️
Bedside Table
$129.00
Add to Cart
  • Click Select Product (or Select Collection for grids)
  • Search or browse your catalog and pick the item
  • A live preview appears on the right showing how it will look
Step 5

Customize the Style

Style Editor
Theme Presets
Default Dark Warm
Button Style
Filled Outline
Colors
Text
Background
Accent
Secondary
Border Radius
8px
  • Choose a theme preset (Default, Dark, Warm, etc.) for quick styling
  • Fine-tune colors, fonts, border radius, and button style
  • Preview updates in real-time on the right sidebar
Step 6

Publish Your Widget

Draft → Active
Publish Get Embed Code
Publishing makes your widget live. You can archive it anytime.
  • When you're happy with the preview, click Publish
  • The widget status changes from Draft to Active
  • Click Get Embed Code to copy the snippet for your site
Step 7

Copy the Embed Code

Embed Code
Universal (HTML) WordPress Squarespace Wix
<script src="https://buy-widget.mifycom.app/embed.js" async></script> <div data-mify-widget="wgt_abc123xyz"></div>
Copy to Clipboard Close
💡 The embed code never changes — when you update your widget's style or product, the changes apply automatically on your site.
Step 8

Paste on Your Website

WordPress
  • Add a Custom HTML block
  • Paste the embed code
  • Click Preview, then Publish
Squarespace
  • Add a Code Block to your page
  • Paste the code, turn off "Display Source"
  • Save and preview
Wix
  • Add Embed Code → HTML
  • Paste code, click Update
  • Publish your site
My Blog Post
Check out this amazing product...
🪑
Bedside Table
$129.00
Add to Cart
Step 9

Track Performance

Analytics
Export CSV
7 days 30 days 90 days
1,247
Impressions
89
Clicks
7.1%
CTR
23
Add to Carts
8
Checkouts
  • Go to the Analytics tab to see widget performance
  • Track impressions, clicks, add-to-carts, and checkout starts
  • Export data as CSV for deeper analysis
Bonus

Collection Grid Widget

🪑
Dining Chair
$89.00
🛋️
Sofa
$599.00
🪞
Wall Mirror
$149.00
  • Select Collection Grid when creating a widget
  • Configure columns and rows for your layout
  • Toggle Load More to let visitors browse the full collection

You're All Set!

Your widgets are live. Track performance in Analytics, and reach out anytime for help.

Contact Support
hi@mifycom.app