CONTACT BUTTON INSTALLATION

Add ReachButton to your website

Choose the instructions for your website. WordPress uses a Footer field; an HTML website uses the closing body tag. Your dashboard supplies the embed code for the website you saved.

Read about the WordPress contact button →

WATCH THE WALKTHROUGH

See ReachButton installed on WordPress

Create and customise a button, copy the code into WPCode’s Footer section, then see it working on Room & Render.

Press play to load the video from YouTube. Watch on YouTube ↗

1. Save the correct website in your dashboard

Create your account and save the website domain where you intend to install the widget. Enter the live domain, rather than a page address or a staging address. The widget is attached to that domain, so add a different website separately instead of trying to move a purchase between domains.

Choose your contact details, display name, colour, image and position. Save the settings and use the preview. You can design your widget before you activate the trial; saving a design does not start the seven-day clock.

2. Activate access and copy your embed code

For your account’s first trial, click Activate seven-day trial when you are ready to test the widget on your website. If your trial has been used, purchase the website to enable it. The installation code alone does not make an inactive widget appear.

Use the dashboard’s Copy code button to copy the embed snippet for that website. Keep the snippet together and paste it as code, not as text inside a visible paragraph. You do not need to share your sign-in password, setup key or payment credentials with visitors.

3. WordPress: use WPCode’s Footer section

In WordPress, open WPCode’s Header & Footer screen. Paste the embed snippet into the Footer section, then save. A site-wide footer normally makes the widget available across the site. You do not need to edit your theme’s footer.php file.

If Wordfence blocks the save, read the warning and verify that you are saving the ReachButton code copied from your own dashboard. An authorised administrator who has confirmed a false positive can use Allowlist This Action and repeat the save. Keep your security protection enabled and ask your website maintainer if you are unsure.

4. HTML: paste before the closing body tag

For an ordinary HTML website, open the relevant HTML file and paste the embed snippet immediately before </body>. Upload the updated file to your hosting account. Add it to each page where you want the widget, or to your shared footer template if your site uses one.

Do not put the snippet into a visible text block or modify its website identifier. If someone else manages the site, send them the dashboard’s installation code and this guide. They can choose the right shared template or footer location for your setup.

5. Check the installed button

Refresh your live website, open the button and try the contact routes using your own device. Check the phone number, WhatsApp number, email address and form destination. Check a narrow screen as well as a desktop layout, especially if you already have a cookie banner or another floating control.

If the button does not appear, check that the website has an active trial or purchase and that the widget is enabled in the dashboard. Confirm that you saved the correct domain and that the embed code was saved on the page you are testing. If your website uses a cache, refresh it after changing the installation code.

Routine changes do not need a new installation

After the widget is installed, update the contact details and appearance in ReachButton and click Save changes. The new settings appear when a visitor next loads the page. A visitor who already has the page open may need to refresh to see them.

If you remove the embed code or pause the widget, it stops being available on your site. Pausing does not extend a trial, and refunding a purchase does not restore trial eligibility. Your settings remain saved so you can return to them.