> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://socialv.crisp.help/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# How to add SocialVerse to a Webflow website


# 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)

![](https://storage.crisp.chat/users/helpdesk/website/ac216ed912c8b800/copy-sv-code_zocso6.jpg)

##### 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: 

1. Visit **Site settings** > **Custom code** tab
2. Add your custom code in the **Head code** section
3. Click **Save changes**

##### 2. Open Webflow and Add an Element
* In your **Webflow editor**, click **Add Element** from the top-left menu.

![](https://storage.crisp.chat/users/helpdesk/website/ac216ed912c8b800/add-sv-webflow-1_qzwzy3.webp)

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

![](https://storage.crisp.chat/users/helpdesk/website/ac216ed912c8b800/add-sv-webflow-2_1jetvyk.webp)

##### 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.

![](https://storage.crisp.chat/users/helpdesk/website/ac216ed912c8b800/add-sv-webflow-3_6s8hn7.webp)

##### 5. Paste the SocialVerse Embed Code
* In the **HTML Embed Code** window, paste the **SocialVerse widget code** you copied earlier.

![](https://storage.crisp.chat/users/helpdesk/website/ac216ed912c8b800/add-sv-webflow-4_s2mrbb.jpg)

##### 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.

![](https://storage.crisp.chat/users/helpdesk/website/ac216ed912c8b800/add-sv-webflow-5_476o0v.jpg)
|| If your website was build with something other than WordPress, use the link below that best helps you:

### WordPress Instructions

This [article](https://socialv.crisp.help/en/article/how-to-add-your-socialverse-to-a-wordpress-website-1t8r042/reader/compact/) provides the instructions on how to embed your SocialVerse on your webpage using Webflow

### Wix Instructions

This [article](https://socialv.crisp.help/en/article/how-to-add-your-socialverse-to-a-wix-website-1twbz7c/reader/compact/) provides the instructions on how to embed your SocialVerse on your webpage using Webflow