How to add SocialVerse to a Webflow website

Embed a SocialVerse on Webflow

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

First, Copy the SocialVerse Embed 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.

Updated on: 28/02/2025