Join the Webstudio community

Updated 5 months ago

Adding Widget Where do i add in header.

At a glance

The post provides instructions for adding a ManyContacts web-widget to a webpage. It states that the code should be added within the <head></head> tag of the page. Community members suggest trying to add the code in the project settings or using an HTML embed, but note that adding it to the project settings may apply the widget to the entire website, which may not be desired. One community member confirms that the code works and recommends adding it to the settings and publishing the website to make the widget live.

Useful resources
<!-- Start of ManyContacts.com Widget -->
<script>(function(d,s,a,b,c,p,m,x){
var f=d.getElementsByTagName(s)[0],j=d.createElement(s);
j.async=true;j.src='https://widget.manycontacts.com/widget.js?a='+a+'&b='+b+'&c='+c+'&p='+p+'&m='+m+'&x='+x;
f.parentNode.insertBefore(j,f);
})(document,'script','e8e102a9-3993-45e1-a945-7834c4819f7b','34','97122323200232','bottom-left','no-consent','en');</script>
<!-- End of ManyContacts.com Widget -->

Can you tell me where do i add this for adding widget onto the page

This is supposed to be added in <head>
***
To start working with the ManyContacts web-widget, just add the following code inside the <head></head> tag of your page.
Do you want to open the widget when clicking on any element of your website such as buttons or images? Add class="manycontacts-widget" to the element and when clicking on it it will open the widget. It's simple, ask your webmaster.
J
c
M
6 comments
In project settings or try the html embed is what i would try, but if it has to be inside the head-tags as the instruction you wrote says - then project settings, but I think it gets added to every page then - which is not what you want perhaps

https://docs.webstudio.is/university/core-components/html-embed
project settings will go for the full website and not for the 1 landing page. I tried html embed it didnt work.
those were just my attempt at being helpful, wait for the webstudio team to answer, I am not in anyway part of the team πŸ™‚
Hi @chandra ! I made a test and the code is working.

Go to Settings and add the code to the head. Don't forget to publish the website if you want to this widget on your site!
Attachment
SCR-20241017-iauk.png
Add a reply
Sign up and join the conversation on Discord
Can you tell me where do i add this for adding widget onto the pageThis is supposed to be added in ***To start working with the ManyContacts web-widget, just add the following code inside the tag of your page.Do you want to open the widget when clicking on any element of your website such as buttons or images? Add class=\"manycontacts-widget\" to the element and when clicking on it it will open the widget. It's simple, ask your webmaster.","url":"https://help.webstudio.is/adding-widget-where-do-i-add-in-header-3PM8fR8Bsg4K","identifier":"3PM8fR8Bsg4K","publisher":{"@type":"Organization","name":"Webstudio","logo":{"@type":"ImageObject","url":"https://assets.usehall.com/org_01JEYTC8WWMF7N46W9J4J7CFDP/c7f10f06-f934-4e35-b008-431a89254f9f.png"}},"comment":[{"@type":"Comment","text":"In project settings or try the html embed is what i would try, but if it has to be inside the head-tags as the instruction you wrote says - then project settings, but I think it gets added to every page then - which is not what you want perhapshttps://docs.webstudio.is/university/core-components/html-embed","dateCreated":"2024-10-17T01:23:52.150Z","dateModified":"2024-10-17T01:23:52.150Z","author":{"@type":"Person","url":"https://help.webstudio.is/members/2582ebfa-246c-40a9-ae32-55fd91b62ed9","name":"Jacob","identifier":"2582ebfa-246c-40a9-ae32-55fd91b62ed9","image":"https://cdn.discordapp.com/embed/avatars/2.png"},"commentCount":0,"comment":[],"position":1,"upvoteCount":0},{"@type":"Comment","text":"","dateCreated":"2024-10-17T01:25:00.969Z","dateModified":"2024-10-17T01:25:00.969Z","author":{"@type":"Person","url":"https://help.webstudio.is/members/2582ebfa-246c-40a9-ae32-55fd91b62ed9","name":"Jacob","identifier":"2582ebfa-246c-40a9-ae32-55fd91b62ed9","image":"https://cdn.discordapp.com/embed/avatars/2.png"},"commentCount":0,"comment":[],"position":2,"upvoteCount":0},{"@type":"Comment","text":"project settings will go for the full website and not for the 1 landing page. I tried html embed it didnt work.","dateCreated":"2024-10-17T03:49:07.996Z","dateModified":"2024-10-17T03:49:07.996Z","author":{"@type":"Person","url":"https://help.webstudio.is/members/ab9fa379-de53-4f5b-8cc0-d8d24a69bf26","name":"chandra","identifier":"ab9fa379-de53-4f5b-8cc0-d8d24a69bf26","image":"https://cdn.discordapp.com/embed/avatars/0.png"},"commentCount":0,"comment":[],"position":3,"upvoteCount":0},{"@type":"Comment","text":"those were just my attempt at being helpful, wait for the webstudio team to answer, I am not in anyway part of the team πŸ™‚","dateCreated":"2024-10-17T05:18:38.837Z","dateModified":"2024-10-17T05:18:38.837Z","author":{"@type":"Person","url":"https://help.webstudio.is/members/2582ebfa-246c-40a9-ae32-55fd91b62ed9","name":"Jacob","identifier":"2582ebfa-246c-40a9-ae32-55fd91b62ed9","image":"https://cdn.discordapp.com/embed/avatars/2.png"},"commentCount":0,"comment":[],"position":4,"upvoteCount":0},{"@type":"Comment","text":"Hi @chandra ! I made a test and the code is working.Go to Settings and add the code to the head. Don't forget to publish the website if you want to this widget on your site!","dateCreated":"2024-10-17T06:35:58.389Z","dateModified":"2024-10-17T06:35:58.389Z","author":{"@type":"Person","url":"https://help.webstudio.is/members/a5bb43e0-c553-447b-82cc-c4c4177bf6b9","name":"Milan Boisgard | Uncode School","identifier":"a5bb43e0-c553-447b-82cc-c4c4177bf6b9","image":"https://cdn.discordapp.com/avatars/378836225009647628/67e9e7df4880d828a727cc3efba93c81.webp?size=256"},"commentCount":0,"comment":[],"position":5,"upvoteCount":0},{"@type":"Comment","text":"adding.","dateCreated":"2024-10-17T11:09:58.726Z","dateModified":"2024-10-17T11:09:58.726Z","author":{"@type":"Person","url":"https://help.webstudio.is/members/ab9fa379-de53-4f5b-8cc0-d8d24a69bf26","name":"chandra","identifier":"ab9fa379-de53-4f5b-8cc0-d8d24a69bf26","image":"https://cdn.discordapp.com/embed/avatars/0.png"},"commentCount":0,"comment":[],"position":6,"upvoteCount":0}],"author":{"@type":"Person","url":"https://help.webstudio.is/members/ab9fa379-de53-4f5b-8cc0-d8d24a69bf26","name":"chandra","identifier":"ab9fa379-de53-4f5b-8cc0-d8d24a69bf26","image":"https://cdn.discordapp.com/embed/avatars/0.png"},"interactionStatistic":{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":0}}]