Documentation

Vev

Step-by-step guide to embed widgets in Vev.

You can easily add the Embeddable you created to your Vev website by copying and pasting a simple code snippet. Once it's added, you can continue editing and updating the Embeddable from your dashboard, and all changes will automatically appear on your live site without needing to update the code again.

Step 1: Copy the Embed Code

  1. In the top-right corner of the editor, click the Embed button
    Embed button

  2. A popup window will appear with your embed code. Click the Copy Code button
    Embed window

Step 2: Add the Code to Vev

  1. In the Vev editor, click the Add Element button at the top
    Add element

  2. Select Embed Anything from the list
    Embed Anything

  3. Drag the element onto your page and resize it to fit the widget
    Resize element

  4. Click the newly placed element to open the Embed HTML window
    Open embed window

  5. Paste your copied embed code into the HTML input
    Paste code

  6. Click the X to close the window. The widget will appear only in preview and on the published site
    Close window

Tip: You can continue to update your Embeddable from the dashboard—no need to re-paste the code.

On this page