Install Our Website Plugin (SocialVerse) on Webflow

Follow these simple steps to embed a SocialVerse on your Webflow site.

First, Copy the SocialVerse Plugin Code

Open your SocialV Dashboard.
Select the SocialVerse you want displayed on your website.
Click **Get Code **and copy the widget code (header code and body code)

1. Open Your Webflow Account

Add Custom Head code

Custom code entered in the Head code section appears before the closing </head> tag in your site’s HTML markup and applies to your entire site. The Head code section allows you to link external resources, add metadata, and use custom styles.

Good to know: Adding external <script> tags to the <head> of your site can slow page loads. Consider adding the async or defer attribute in the <script> tag to |improve performance.

To add custom code to the Head tag:

Visit Site settings > Custom code tab
Add your custom code in the Head code section
Click Save changes

2. Open Webflow and Add an Element

In your Webflow editor, click Add Element from the top-left menu.

3. Select the Embed Item

Scroll to the Advanced section.
Select **Embed Item **(available only with Webflow premium account).

4. Place the Embed Item on Your Page

Drag and drop the Embed Item anywhere on your page where you want the SocialVerse to appear.

5. Paste the SocialVerse Embed Code

In the HTML Embed Code window, paste the SocialVerse widget code you copied earlier.

6. Save and Publish

Click Save & Close to save your changes.
Note: The SocialVerse content won’t appear in the Webflow editor but will be visible once you publish the site.

If your website was build with something other than WordPress, use the link below that best helps you:

WordPress Instructions

This article provides the instructions on how to embed your SocialVerse on your webpage using Webflow

Wix Instructions

This article provides the instructions on how to embed your SocialVerse on your webpage using Webflow

Updated on: 17/04/2025