Script Installation Guide

Script Installation Guide.

Script Integration Instructions for 100 Platforms

Welcome to our script installation guide! This document provides detailed instructions for integrating scripts across 100 different website platforms and content management systems.

Each section contains step-by-step instructions specific to a platform. Click on any platform name to expand and view detailed instructions.

General recommendation: For most chatbots and widgets, placing the script before the closing body tag (</body>) is preferred for optimal page loading performance.
1. Wix

Steps:

  • Log in to your Wix account and open the site dashboard.
  • Navigate to Settings.
  • Select Tracking & Analytics.
  • Click + New Tool and choose Custom.
  • In the popup:
  • Enter a name for the script.
  • Paste your script into the Code field.
  • Choose where to place the code: Head or Body - End.
  • Specify where to apply it: All pages or Specific pages.
  • Click Apply to save changes.
Note: Make sure the script is compatible with Wix. Some third-party scripts may not work properly.
2. WordPress.com

Steps:

  • Log in to your WordPress.com dashboard.
  • Go to Plugins → Add New.
  • Search for Insert Headers and Footers (by WPCode).
  • Install and activate the plugin.
  • Navigate to Code Snippets → Header & Footer.
  • Paste your script in the appropriate field:
  • Header — places code in <head>
  • Footer — places code before </body>
  • Click Save Changes.
Note: This method is safe and avoids direct theme file edits.
3. Shopify

Steps:

  • Log in to your Shopify Admin panel.
  • Go to Online Store → Themes.
  • Find your current theme and click Actions → Edit Code.
  • Open the theme.liquid file from the layout folder.
  • Paste your script:
  • Before </body> for footer insertion.
  • Click Save.
Note: Be cautious when editing theme files — back up your theme first.
4. Squarespace

Steps:

  • Log in to your Squarespace account.
  • Go to Settings → Advanced → Code Injection.
  • Paste your script into:
  • Header section — for placement in <head>.
  • Footer section — for placement before </body>.
  • Click Save.
Note: Scripts added here apply site-wide. For page-specific scripts, use a Code Block in the page editor.
5. Webflow

Steps:

  • Log into Webflow and open your project.
  • Go to Project Settings → Custom Code tab.
  • Paste your script into:
  • Head Code — for immediate load.
  • Footer Code — for delayed load.
  • Click Save Changes.
  • Publish your site to apply changes.
For individual pages, go to Page Settings and insert the script into the page-specific code field.
6. Weebly

Steps:

  • Log in to your Weebly dashboard.
  • Click on Settings in the top navigation.
  • Go to the SEO tab.
  • Scroll down to find the Header Code or Footer Code section.
  • Paste your script.
  • Click Save.
  • Publish your site to apply changes.
It's recommended to place chat widgets and similar scripts in the Footer Code section.
7. BigCommerce

Steps:

  • Go to BigCommerce Admin Panel.
  • Navigate to Storefront → Script Manager.
  • Click Create a Script.
  • Fill out the form:
  • Name your script.
  • Location: choose Footer, Header, or Body (Footer is preferred for bots).
  • Pages: apply to "All Pages".
  • Priority: choose "Essential" or "Non-essential" depending on script importance.
  • Paste the script in the Script Contents field.
  • Click Save.
8. GoDaddy Website Builder

Steps:

  • Open your site in the GoDaddy Website Builder.
  • Go to Site Settings.
  • Select Tracking & Analytics → Custom Code.
  • Paste the script.
  • Choose the placement: Head or Body.
  • Save and publish the site.
Recommendation: Body is preferable for chatbot icons to load after the page content.
9. WooCommerce (WordPress based)

Method 1: Using a Plugin

  • Install the Insert Headers and Footers plugin.
  • Go to Settings → Insert Headers and Footers.
  • Paste the script in the Footer field (recommended for bots).
  • Click Save.

Method 2: Manual Insertion

  • Go to Appearance → Theme File Editor.
  • Open footer.php or header.php depending on where you want the script.
  • Insert the script just before </body> or </head>.
  • Save.
10. Zyro

Steps:

  • Log in to your Zyro dashboard and open your site.
  • Navigate to Settings → Integrations → Custom Code.
  • Paste the bot script.
  • Save and publish your site.
11. Duda

Steps:

  • Open your site in Duda and click Settings.
  • Navigate to Custom Code.
  • Insert your script in the Header or Footer field.
  • Save and publish changes.
12. Site123

Steps:

  • Log in to your Site123 account.
  • Go to Settings → Advanced.
  • Look for the HTML Code section.
  • Paste your script.
  • Save changes.
13. Carrd

Steps:

  • Open your site in the Carrd editor.
  • Click on Settings → Code.
  • Insert your script in the Head or End of Body section.
  • Publish your site.
14. Jimdo

Steps:

  • Log in to your Jimdo account.
  • Go to Settings → SEO.
  • Scroll to the HTML Header section.
  • Insert your script code.
  • Save and publish your site.
15. Strikingly

Steps:

  • Log in to your Strikingly account.
  • Edit your site and click Settings.
  • Navigate to Advanced → Footer Code.
  • Paste your script code.
  • Click Save.
16. Joomla

Steps:

  • Log in to your Joomla admin panel.
  • Go to Extensions → Templates → Templates.
  • Click on your active template.
  • Find and edit index.php.
  • Insert the script before </head> or </body>.
  • Save changes.
17. Drupal

Steps:

  • Log in to your Drupal admin dashboard.
  • Go to Configuration → System → Site information.
  • Insert the script in the "Head" or "Footer" text fields.
  • Click Save configuration.
18. Magento

Steps:

  • Log in to Magento Admin Panel.
  • Go to Content → Design → Configuration.
  • Find your store view and click Edit.
  • Go to the HTML Head or Scripts and Style Sheets section.
  • Add your script to the appropriate field.
  • Click Save Configuration.
19. PrestaShop

Steps:

  • Log in to your PrestaShop back office.
  • Navigate to Design → Theme & Logo → Advanced Customization.
  • In the "Custom Code" section, paste your script under "JavaScript code".
  • Save and refresh cache.
20. OpenCart

Steps:

  • Log in to your OpenCart admin panel.
  • Go to Extensions → Modifications.
  • Click the Add New button.
  • Create a modification XML file that adds your script to header.tpl or footer.tpl.
  • Upload and click Refresh.
21. Elementor

Steps:

  • In your WordPress dashboard, go to Elementor → Custom Code.
  • Click Add New.
  • Name your code snippet.
  • Paste your script in the code editor.
  • Under location, select where to place it (header/footer/body).
  • Set display conditions and priorities.
  • Click Publish.
22. Volusion

Steps:

  • Log in to your Volusion admin area.
  • Go to Design → Template.
  • Click on Edit HTML.
  • Add your script to global header or footer files.
  • Click Save.
23. 3dcart (now Shift4Shop)

Steps:

  • Log in to your 3dcart/Shift4Shop admin panel.
  • Go to Settings → Design → Header/Footer.
  • Copy your script into the Header or Footer field.
  • Click Save.
24. Ghost

Steps:

  • Log in to your Ghost admin panel.
  • Go to Settings → Code Injection.
  • Paste your script into the Site Header or Site Footer field.
  • Click Save.
25. Blogger

Steps:

  • Log in to Blogger.
  • Go to Theme → Edit HTML.
  • Locate </head> or </body> tag.
  • Paste your script before the closing tag.
  • Click Save theme.
26. Medium

Medium does not allow custom script insertion directly. Alternative approaches:

  • Use Medium's embed options for third-party content.
  • Link to your main website where your script is installed.
  • Use Medium's official integration partners only.
Note: Medium restricts custom JavaScript for security reasons.
27. Tumblr

Steps:

  • Log in to your Tumblr account.
  • Click the account icon and select your blog.
  • Click Edit appearance → Edit theme → Edit HTML.
  • Find </head> or </body> tag.
  • Insert your script before the tag.
  • Click Save.
28. Typepad

Steps:

  • Log in to your TypePad account.
  • Go to Design → Custom CSS.
  • Insert your script at the end of the content.
  • Click Save Changes.
29. Tilda

Steps:

  • Log in to your Tilda account.
  • Open your site and go to Site Settings.
  • Click on Settings → Custom Code.
  • Paste your script into the Header or Body End field.
  • Click Save Settings.
30. Readymag

Steps:

  • Open your Readymag project.
  • Click on Settings in the top right corner.
  • Go to the Code Injection tab.
  • Paste your script into the Head or Footer field.
  • Click Save.
31. Cargo Collective

Steps:

  • Log in to your Cargo account.
  • Go to Design → Advanced → Header Code or Footer Code.
  • Paste your script.
  • Click Update.
32. Format

Steps:

  • Log in to your Format account.
  • Go to Settings → Advanced → Custom Code.
  • Insert your code in the Head or Footer section.
  • Click Save.
33. Pixpa

Steps:

  • Log in to your Pixpa dashboard.
  • Go to Settings → Advanced.
  • Look for "Additional Code".
  • Insert your script in the Header or Footer section.
  • Click Save.
34. MyWed

Steps:

  • Open your MyWed website.
  • Go to Website Editor → Settings.
  • Look for the "Custom Code" section.
  • Insert your script.
  • Save changes.
35. Gator Website Builder

Steps:

  • Log in to your HostGator account.
  • Navigate to the Gator Website Builder.
  • Go to Settings → Advanced → Head/Footer Code.
  • Paste your script.
  • Save changes and publish.
36. Shopware

Steps:

  • Log in to your Shopware admin area.
  • Go to Content → Theme Manager.
  • Select your active theme and click on Edit.
  • Add your script to the header or footer section.
  • Save and rebuild theme.
37. Prestashop

Steps:

  • Log in to your PrestaShop back office.
  • Go to Modules → Modules Manager.
  • Search for "Custom JS" or install add-on.
  • Configure the module and add your script.
  • Save changes.
38. Bitrix24

Steps:

  • Log in to your Bitrix24 admin panel.
  • Go to Applications → Website Builder.
  • Select your site and go to Settings.
  • Find the Code Insertion area.
  • Add your script and save.
39. s.Oliver

Steps:

  • Access your s.Oliver website admin panel.
  • Navigate to Design → Custom Code.
  • Insert your script in the appropriate field.
  • Save changes.
40. Big Cartel

Steps:

  • Log in to your Big Cartel admin area.
  • Go to Design → Edit HTML/CSS.
  • Add your script to the layout.html template.
  • Save changes.
41. Neocities

Steps:

  • Log in to your Neocities account.
  • Edit your HTML files directly.
  • Add the script before </head> or </body>.
  • Save the files.
42. uCoz

Steps:

  • Log in to your uCoz admin panel.
  • Go to Design → Templates Editor.
  • Select the template you need to edit.
  • Add your script before </head> or </body>.
  • Click Save.
43. uKit

Steps:

  • Log in to your uKit site.
  • Go to Settings → Code and Analytics.
  • Add your script to the Custom Code section.
  • Click Save.
44. IPS Community Suite

Steps:

  • Log in to your IPS Community Suite admin panel.
  • Go to Customization → HTML/CSS.
  • Add your script to the header or footer section.
  • Save and rebuild cache.
45. Xenforo

Steps:

  • Log in to your Xenforo admin panel.
  • Go to Appearance → Templates.
  • Find and edit PAGE_CONTAINER.
  • Add your script to the <head> or footer section.
  • Save changes.
46. vBulletin

Steps:

  • Log in to your vBulletin admin control panel.
  • Go to Settings → Options → General Settings.
  • Find and edit the Header or Footer HTML section.
  • Add your script.
  • Click Save.
47. GitHub Pages

Steps:

  • Go to your GitHub repository.
  • Edit the index.html file or the base HTML template.
  • Add your script before </head> or </body>.
  • Commit changes.
48. GitLab Pages

Steps:

  • Go to your GitLab repository.
  • Edit your site's HTML templates.
  • Add your script in the appropriate place.
  • Commit changes and trigger a rebuild.
49. Netlify

Steps:

  • Log in to your Netlify account.
  • Go to your site's Settings → Build & Deploy → Post processing.
  • Add your script to the Post processing settings.
  • Save changes and redeploy.
50. Vercel

Steps:

  • Log in to your Vercel account.
  • Go to your project's settings.
  • Add the script to your HTML templates or components.
  • Deploy the changes.
51. Firebase Hosting

Steps:

  • Access your Firebase project.
  • Edit your local HTML files.
  • Add the script to your templates.
  • Deploy using firebase deploy command.
52. Surge

Steps:

  • Edit your local HTML files.
  • Add the script to your templates.
  • Run surge command to deploy changes.
53. Heroku

Steps:

  • Access your Heroku app's source code.
  • Edit the HTML templates.
  • Add your script to the appropriate files.
  • Deploy through Git or Heroku dashboard.
54. Amazon S3 Static Website

Steps:

  • Access your S3 bucket.
  • Download or edit HTML files.
  • Add your script to the files.
  • Re-upload to S3 bucket.
55. Azure Static Web Apps

Steps:

  • Access your Azure Static Web App source.
  • Edit the HTML templates.
  • Add your script to the appropriate files.
  • Deploy through GitHub or Azure DevOps.
56. Google Cloud Storage

Steps:

  • Access your GCS bucket.
  • Download or edit HTML files.
  • Add your script to the files.
  • Re-upload to the bucket.
57. Kinsta

Steps:

  • Access your WordPress site via Kinsta.
  • Follow standard WordPress procedures for adding scripts.
  • Use a code injection plugin or edit theme files.
58. Flywheel

Steps:

  • Access your WordPress installation via Flywheel.
  • Follow regular WordPress steps for script injection.
  • Use theme customization or plugins as needed.
59. Pantheon

Steps:

  • Access your WordPress or Drupal site on Pantheon.
  • Follow standard CMS-specific steps for adding scripts.
  • Deploy changes through Git or the Pantheon dashboard.
60. Cloudways

Steps:

  • Access your application via Cloudways.
  • Follow the standard procedures for your CMS (WordPress, Magento, etc.).
  • Deploy changes and clear cache if necessary.
61. Siteground

Steps:

  • Access your website via Siteground control panel.
  • Follow standard procedures for your specific CMS.
  • For WordPress, use plugins or theme editor as needed.
62. Bluehost

Steps:

  • Log in to your Bluehost account.
  • Access your website's control panel or CMS admin area.
  • Follow standard procedures for your CMS to add scripts.
63. A2 Hosting

Steps:

  • Access your website through A2 Hosting.
  • Follow standard procedures based on your CMS or platform.
  • Update files directly or through CMS admin areas.
64. Hostinger

Steps:

  • Log in to your Hostinger account.
  • Access your website through control panel or CMS.
  • Follow standard procedures for your specific platform.
65. HostGator

Steps:

  • Log in to your HostGator account.
  • Access your website via cPanel or CMS dashboard.
  • Follow standard procedures for your specific platform.
66. InMotion Hosting

Steps:

  • Access your InMotion hosting account.
  • Follow standard procedures for your CMS or platform.
  • Use cPanel or CMS admin areas as needed.
67. DreamHost

Steps:

  • Log in to your DreamHost panel.
  • Access your website's admin area.
  • Follow standard procedures for your platform.
68. Namecheap Hosting

Steps:

  • Log in to your Namecheap account.
  • Access cPanel or your CMS admin area.
  • Follow standard procedures for your platform.
69. iPage

Steps:

  • Log in to your iPage control panel.
  • Access your website or CMS.
  • Follow standard procedures for adding scripts.
70. One.com

Steps:

  • Log in to your One.com control panel.
  • Access your website builder or CMS.
  • Follow standard procedures for your platform.
71. Hub Pages

Steps:

  • HubPages doesn't allow direct script insertion.
  • You can only use approved modules and capsules.
  • Link to external sites where your script is installed.
Note: HubPages restricts custom JavaScript for security and quality control.
72. Wattpad

Steps:

  • Wattpad doesn't allow custom script insertion.
  • You can only use Wattpad's built-in features.
  • Link to external websites where your script is installed.
Note: Wattpad restricts custom code for security reasons.
73. Reddit

Steps:

  • For subreddits you moderate:
  • Go to Subreddit Settings → Community Appearance → CSS.
  • Add styles (CSS only, no JavaScript allowed).
  • For regular posts, custom scripts are not allowed.
Note: Reddit restricts scripts for security reasons.
74. Notion

Steps:

  • For Notion published sites:
  • Custom scripts are not directly supported.
  • You can embed external content with iframes in some plans.
  • Use embed blocks for third-party content.
75. Webnode

Steps:

  • Log in to your Webnode dashboard.
  • Go to Settings → Website → HTML Code.
  • Paste your script in the Header or Footer section.
  • Click Save.
76. Tilda

Steps:

  • Log in to your Tilda account.
  • Go to Site Settings → Custom Code.
  • Paste your script in the appropriate field.
  • Save and publish your changes.
77. IM Creator

Steps:

  • Log in to your IM Creator account.
  • Go to Settings → Advanced → Custom HTML.
  • Paste your script code.
  • Save changes and publish.
78. Bookmark

Steps:

  • Log in to your Bookmark account.
  • Go to Settings → Advanced → Custom Code.
  • Add your script to the Head or Body section.
  • Save changes.
79. Adobe Portfolio

Steps:

  • Log in to your Adobe Portfolio account.
  • Go to Settings → Advanced → Header Code.
  • Paste your script.
  • Save changes.
80. Squarespace

Steps:

  • Log in to your Squarespace account.
  • Go to Settings → Advanced → Code Injection.
  • Paste your script in the Header or Footer section.
  • Save changes.
81. Shopify

Steps:

  • Log in to your Shopify admin.
  • Go to Online Store → Themes → Customize.
  • Click on Theme Actions → Edit Code.
  • Find theme.liquid and add your script before </head> or </body>.
  • Save changes.
82. Ecwid

Steps:

  • Log in to your Ecwid control panel.
  • Go to Settings → General → Custom CSS & JavaScript.
  • Paste your script in the JavaScript field.
  • Save changes.
83. LightCMS

Steps:

  • Log in to your LightCMS admin panel.
  • Go to Design → HTML Editor.
  • Add your script to the header or footer area.
  • Save changes.
84. HubSpot

Steps:

  • Log in to your HubSpot account.
  • Go to Settings → Website → Pages.
  • Select the Header or Footer tab.
  • Click Edit, add your script, and save.
85. Cratejoy

Steps:

  • Log in to your Cratejoy merchant account.
  • Go to Design → Edit HTML/CSS.
  • Add your script to the theme's head or footer template.
  • Save changes.
86. Shift4Shop (formerly 3dcart)

Steps:

  • Log in to your Shift4Shop admin.
  • Go to Settings → Design → Footer.
  • Add your script to the Footer Scripts area.
  • Save changes.
87. Kajabi

Steps:

  • Log in to your Kajabi dashboard.
  • Go to Website → Settings → Code.
  • Add your script to the Header or Footer field.
  • Save changes.
88. Podia

Steps:

  • Log in to your Podia dashboard.
  • Go to Settings → Website.
  • Add your script to the Custom Code section.
  • Save changes.
89. Teachable

Steps:

  • Log in to your Teachable admin area.
  • Go to Settings → Code Snippets.
  • Add your script to the Head or Body section.
  • Save changes.
90. Thinkific

Steps:

  • Log in to your Thinkific dashboard.
  • Go to Design → Site Footer.
  • Add your script to the Custom Script section.
  • Save changes.
91. Zenfolio

Steps:

  • Log in to your Zenfolio dashboard.
  • Go to Website → Theme.
  • Look for the Custom Code section.
  • Add your script.
  • Save changes.
92. SmugMug

Steps:

  • Log in to your SmugMug account.
  • Go to Customizer → Settings → Advanced.
  • Look for the Header or Footer section.
  • Add your script.
  • Save changes.
93. Subbly

Steps:

  • Log in to your Subbly admin panel.
  • Go to Online Store → Design → Theme Editor.
  • Add your script to the theme's header or footer.
  • Save changes.
94. WebStarts

Steps:

  • Log in to your WebStarts account.
  • Go to Settings → Advanced Options.
  • Add your script to the Custom Code section.
  • Save and publish changes.
95. Ceros

Steps:

  • Log in to your Ceros account.
  • Open your experience in the Ceros Studio.
  • Go to Settings → Experience Settings → Advanced.
  • Add your script to the Custom Scripts section.
  • Save and publish.
96. Wishsite

Steps:

  • Log in to your Wishsite account.
  • Go to the website editor.
  • Access Site Settings → Advanced Options.
  • Add your script to the HTML Injections area.
  • Save changes.
97. QuickPages

Steps:

  • Access your QuickPages account.
  • Go to Website Settings → Advanced.
  • Find the Script Integration section.
  • Add your script.
  • Save and publish your changes.
98. SiteW

Steps:

  • Enter your SiteW editor.
  • Go to Settings → SEO/Code.
  • Find the HTML Code Insertion section.
  • Insert your script.
  • Save and publish your website.
99. EasyWeb

Steps:

  • Log in to your EasyWeb control panel.
  • Go to Advanced Settings → Custom HTML.
  • Add your script to the Head or Body section.
  • Save and update your website.
100. PageXL

Steps:

  • Open your PageXL website builder.
  • Navigate to Settings → Code Integration.
  • Paste your script in the provided field.
  • Choose the location (header or footer).
  • Save your changes and publish your site.
Success: You've completed all 100 platforms! Your scripts are now ready for integration across a wide range of website builders and platforms.