Embed widgets from Common Ninja

Bring ready-made Common Ninja widgets into your Vev projects

Iselin Ekornes avatar
Written by Iselin Ekornes
Updated over a week ago

Common Ninja is a great resource for website designers and marketers alike — providing a library of over 100 ready-to-use website design widgets to save you building them from scratch. Using Vev's "Embed Anything" element, you can easily bring any of these widgets directly into your Vev designs.

Here's a step-by-step breakdown of how to add Common Ninja widgets to your Vev projects and customize functionality.

First, get the embed code for your Common Ninja widget with these steps:

  1. Create or log in to your Common Ninja account

  2. Create or open the widget you want to embed into your Vev project

  3. Navigate to the top right of the widget editor, and click the button with a “code” icon. Note: You need to save any changes before you can access the embed code.

  4. Copy the embed code

Now, head back to Vev and open your Vev project. From the Add menu, search for "Embed Anything" and add it to your project either as an element or section. Then just double click it and paste your Common Ninja embed code. ➡️ Learn more about adding an Embed Anything component.

Once embedded into your Vev project, you can update the widget and push any changes directly from Common Ninja; just bear in mind that it can take a few minutes for the changes to become visible in Vev.

Always publish your Vev project after saving changes to your Common Ninja widget to make the changes visible on your published site.

Did this answer your question?