To install the Papo chat widget (https://papo.global/) on WordPress, Wix, Shopify, and other site builders, create a Site-type inbox in the Papo dashboard, copy the generated code snippet, and paste it in the appropriate place on your platform — whether through a header/footer plugin, the custom code section, or by editing the theme. Customization of colors, icon, and welcome message is done entirely in the dashboard, without touching the code.
| Platform | Insertion method | Where to paste the snippet |
|---|---|---|
| WordPress | Header/footer plugin (e.g., Insert Headers and Footers) or editing footer.php |
Paste the code in the plugin's footer section or immediately before the </body> tag in the theme file |
| Wix | Custom code (Velo) or HTML/JavaScript field | Go to Settings → Custom Code and paste it in the "Body – end" field |
| Shopify | Edit the theme (theme.liquid) or custom code section | Insert the snippet before </body> in the theme.liquid file or in a custom HTML block |
| Other builders (Squarespace, Webflow, etc.) | Embedded code field or HTML injection | Find the "custom code" or "embedded HTML" option and paste the snippet before the closing body of the page |
How to install the widget on any platform
-
Create the Site-type inbox
In the Papo dashboard, go to Settings → Inboxes → Add inbox and choose Site. Give it a name (e.g., "Website chat") and enter the website URL — it is used only for identification and does not affect functionality. -
Copy the generated snippet
After creating the inbox, the dashboard displays a unique JavaScript code. Copy the entire<script>...</script>block. -
Insert the snippet on your platform
The exact method varies depending on the builder:- WordPress: Install a plugin such as "Insert Headers and Footers", paste the code in the footer section, and save. If you prefer to edit the theme, open the
footer.phpfile and paste the snippet immediately before the</body>tag. - Wix: In the editor, go to Settings → Custom Code. Click Add code and paste the snippet in the "Body – end" field. Save and publish the site.
- Shopify: In the admin panel, go to Online Store → Themes → … → Edit code. Find the
theme.liquidfile and paste the snippet before the</body>tag. Save your changes. - Other builders: Look for the "custom code", "embedded HTML", or "code injection" option. Paste the snippet in the location indicated for the end of the page body.
In all cases, the snippet must be inserted on every page where the chat should appear. If the platform offers a global code field (such as the WordPress footer or Wix custom code), the widget will load automatically across the entire site.
- WordPress: Install a plugin such as "Insert Headers and Footers", paste the code in the footer section, and save. If you prefer to edit the theme, open the
-
Associate agents with the inbox
Return to the Papo dashboard and, in the same inbox, add at least one agent. Without a linked agent, conversations are not forwarded and the widget may not load. -
Customize the appearance (optional)
Still in the dashboard, you can adjust the main color, change the chat icon, and write a proactive welcome message. Changes are applied instantly, with no need to copy a new snippet. -
Test the widget
Visit the site in an incognito window (to avoid cache) and check whether the chat icon appears. Send a test message and confirm that it arrives in the Papo inbox.
Who it is for
- Online stores on WooCommerce, Shopify, or Wix that want to serve customers in real time and capture product questions.
- Blogs and institutional websites on WordPress or other builders that want to turn visitors into leads.
- Agencies and freelancers who manage client websites and need a professional chat integrated with CRM and WhatsApp.
- Small businesses that use visual builders and do not want to deal with complex code.
Frequently asked questions
Do I need to know how to code to install the widget?
No. On platforms such as WordPress, Wix, and Shopify, the process boils down to copying a code and pasting it into a specific field, without requiring advanced technical knowledge.
Does the snippet need to be added to every page?
If the platform offers a global code field (such as the WordPress footer or Wix custom code), the widget appears automatically across the entire site. Otherwise, repeat the insertion on the pages where the chat is needed.
Does the chat work on mobile devices?
Yes, the Papo widget is responsive and automatically adapts to smartphones and tablets, with no additional configuration.
Can I use the same snippet on more than one website?
No. Each inbox generates a unique snippet. For different websites, create separate inboxes in the Papo dashboard and use the corresponding snippet.
What should I do if the widget does not appear after installation?
Check that the snippet is positioned before </body>, that the inbox is active, and that there is at least one associated agent. Clear the site cache and test in an incognito window. Conflicts with optimization plugins can also block the script — temporarily disable them to isolate the cause.
Is it possible to customize the colors and message after installation?
Yes. All customization options (main color, icon, welcome message) are available in the inbox settings in the Papo dashboard. Changes take effect immediately, without changing the site code.
Read also
- How to install the Papo chat widget on a static HTML site
- How to customize the chat widget appearance (colors, logo, and message)
Start for free on Papo Global →
Create your free account and install the chat widget on your site in minutes, with no upfront cost.