How to Embed InVision Projects on Shopify Using EmbedAny

Showcasing your design projects and prototypes on your Shopify store can significantly improve your customers’ shopping experience. Whether you’re a designer selling services or a brand wanting to share design concepts with your audience, embedding InVision projects directly on your store pages can be incredibly effective. This guide will show you how to embed InVision prototypes, boards, and designs on your Shopify store without any coding knowledge.

What is InVision?

InVision is a digital product design platform that allows designers to create interactive mockups, prototypes and collaborate on projects. Embedding these designs on your Shopify store can help demonstrate your design process, showcase portfolio work, or provide interactive previews.

Prerequisites

• A Shopify store
• An InVision account with projects you want to embed
• The EmbedAny app installed on your store

Step 1: Install the EmbedAny App

1. Visit the EmbedAny app page on the Shopify App Store
2. Click “Add app” and follow the installation instructions
3. Complete the activation process as directed

Step 2: Find Your InVision Project Link

1. Log in to your InVision account
2. Navigate to the project, prototype or board you want to embed
3. Copy the share link from your browser address bar (or use the share button in InVision)

Step 3: Add the InVision Link to Your Shopify Store

1. Go to the page, product description, or blog post where you want to embed your InVision project
2. Paste the InVision link into the content
3. Highlight the link and apply italics using the text editor (this is the crucial step that triggers EmbedAny)
4. Save your changes

That’s it! Your InVision project will now appear as an interactive embed on your page.

Examples of How to Use InVision Embeds on Your Shopify Store

• Embed product design prototypes on product pages to show design evolution
• Include interactive mockups in blog posts about your design process
• Display design portfolios on “About Us” or services pages
• Share UI/UX work samples for client testimonial pages
• Demonstrate how customers can use your digital products

Troubleshooting Tips

• Make sure your InVision link is public and shareable
• Confirm the link is properly formatted in italics
• Check that EmbedAny is properly activated on your store
• Ensure your InVision project settings allow embedding

By embedding InVision projects directly within your Shopify store, you can create a more engaging shopping experience while keeping visitors on your site longer. This no-code solution makes it easy to showcase your design work professionally without hiring developers or learning how to write code.