Can anyone help me with launching and integrating an InVision prototype into my Webflow site?

Published on
September 22, 2023

Certainly! Integrating an InVision prototype into your Webflow site can be done easily by following these steps:

  1. Access your InVision account and navigate to the project that contains your prototype.

  2. In InVision, open the prototype and click on the "Share" button at the top right corner of the screen.

  3. In the sharing options, select the "Public" tab and click on the "Create Share Link" button.

  4. Copy the generated share link for your prototype.

  5. Go to your Webflow project and navigate to the page where you want to embed the prototype.

  6. Drag and drop an Embed element onto the canvas, or add a new HTML Embed component within the desired section.

  7. Double click on the Embed element or component to open the HTML Embed settings.

  8. In the settings panel, paste the InVision prototype share link into the code field.

  9. Adjust the dimensions of the Embed element or component to match the size of your prototype.

  10. Save and publish your Webflow site to see the InVision prototype integrated into your page.

Keep in mind that embedding the InVision prototype will give your users the ability to interact with it, and any changes made to the prototype in InVision will be automatically reflected in your Webflow site.

By integrating your InVision prototype into your Webflow site, you can provide a seamless user experience and gather valuable feedback from your users.

Additional questions related to this topic:

  1. How do I embed a prototype from InVision into my Webflow site?
  2. What are the benefits of integrating an InVision prototype in Webflow?
  3. Can I interact with an embedded InVision prototype on my Webflow site?