Help Center – Contact Button Help Center – Contact Button
  • Home
  • About
  • Pricing
  • Log In
Sign Up
Help Center – Contact Button Help Center – Contact Button
Sign Up
Help Center – Contact Button Help Center – Contact Button
  • Home
  • About
  • Pricing
  • Log In
loading
  1. Home
  2. Articles
  3. Website Installation
  4. Install on Shopify
Updated on March 6, 2025

Articles

  • Folder icon closed Folder open iconGetting Started
    • Setup Guide – Get Started in 15 Minutes or Less
    • Setup Guide – How to Create a Button
    • Setup Guide – How to Create a New App
    • Setup Guide – Creating New Workspaces
    • Setup Guide – How To Create a List or Menu
  • Folder icon closed Folder open iconApp Guides
    • App Setup Guide – Contact Forms App
    • App Setup Guide – Chat Widgets
    • App Setup Guide – Facebook Messenger
    • App Setup Guide – WhatsApp Business
    • App Setup Guide – Click-to-Call
    • App Setup Guide – Map Links
    • App Setup Guide – Website Links
    • App Setup Guide – HTML Embed
    • App Setup Guide – Business Hours
    • App Setup Guide – Social Links
    • App Setup Guide – Send Messages
    • App Setup Guide – Images & PDFs
    • App Setup Guide – Email Subscriptions
    • App Setup Guide – Reservations & Bookings
    • App Setup Guide – Lists & Menus
  • Folder icon closed Folder open iconWebsite Installation
    • Install on Cardd
    • Install on Ecwid
    • Install on Framer
    • Install on Ghost
    • Install on Google Tag Manager
    • Install with HTML
    • Install on Lightspeed
    • Install on Shopify
    • Install on Squarespace
    • Install on Wix
    • Install on Webflow
    • Install on Weebly
    • Install on WordPress
  • Folder icon closed Folder open iconIntegration Guides
    • Integrate the Tawk.to Chat Widget
    • Integrate the Crisp Chat Widget
    • Integrate the 2Chat Chat Widget
    • Integrate the Hubspot Chat Widget
  • Folder icon closed Folder open iconProduct FAQs
    • How do I remove the "⚡ by Contact Button" branding?
    • Why are my Buttons and/or Apps not displaying on my site?
    • How Do I Change Default Button & Menu Font?
    • Where do contact form responses go?
    • How do Contact Form app webhooks and callback URLs work?
    • Which countries & languages does Contact Button support?
    • Can I use the same kind of app multiple times in one button?
    • Can I have multiple buttons on same domain?
    • Do I need to have website development skills to use Contact Button?
    • How do I switch between workspaces?
    • Can I change my account email address?
    • How do I request a new password?
    • What happens when I go over a monthly plan limit?
    • Can I use a hyperlink to automatically open button menu?
  • Folder icon closed Folder open iconAccounts & Billing
    • What kind of support do you offer?
    • Accepted Payment Methods
    • Calculating Taxes
    • How Are Plan Limits Tracked?
    • How Do I Cancel My Subscription?
    • How To Find Your Billing History & Invoices
    • How Do I Upgrade My Account?
    • Is it possible to downgrade plans?
Website Installation

Install on Shopify

Estimated reading: 2 minutes 3653 views

How to install your Contact Button on a Shopify store website.

You can easily add your Contact Button to website built using Shopify without the need of a developer. Simply complete the following steps to enable one of your buttons.

Step 1

Log in to your Shopify dashboard.


Step 2

Go to the Online Store Page
A link to your Online Store page can be found in the sidebar under Sales Channels


Step 3

Open Themes Page
After you click on Online Store, you should see more menu options below it. Click on the Themes option.


Step 4

Open Code Editor
On the Themes page, you’ll see a button that says “Actions”, click on that and then select “Edit code”


Step 5

Add Code Snippet to “theme.liquid” File
1. In the Layout file folder section, click on the item that says (/) theme.liquid
2. In the code editor that appears on the right side of the screen, all you need to do is scroll down to the bottom of the page. Once you get to the bottom, find a row of text that says simply “</body>” 
3. Copy the code snippet from your button’s setting page in the text box.
4. Put your cursor right in front of </body> and hit the enter/return button.
5. Move your cursor up into the new line you created and paste the code you copied from your Contact Button dashboard.


Step 6

Save your work
Click the “Save” button on the top right of the Shopify dashboard page.


Step 7

Test the installation by refreshing your website.
Open a browser page to your website. If you already have it open, just refresh the page. 

If you don’t see the button, please check this article on common reasons a button isn’t showing up. 

“Troubleshooting: Button and/or Apps Not Displaying“

If you’re still having issues, please contact us for further assistance.

Still stuck? Click here to message us.

How can we help?

Was this page helpful? Yes No

CONTENTS

Powered By EazyDocs

© 2024 All Rights Reserved by Contact Button