WORDPRESS INSTRUCTIONS
WORDPRESS INSTRUCTIONS
Note for Developers & Experienced Users
Your Slice Partner Success manager will share a Javascript snippet which contains a unique identifier for your restaurant. This code snippet should be added in the the head of the website, like a Facebook or Google tracking code snippet. It won't need to be changed.
The Smart Button settings like style, content, and positioning can be managed by the Partner Success Manager or by the restaurant owner through Slice's Owners Portal (self-service). Settings changes like these won't require any code changes on the website.
In Wordpress, many websites already leverage a plugin to manage head/footer snippets. Google Tag Manager, or a functions.php script would work as well. The instructions below is using a simple and free Wordpress plugin as an example but Slice doesn't necessarilly recommend this plugin in particular.
Because this script will trigger a visual change on the webpage (banner, button, etc) we recommend prioritizing it as much as possible in the head.
Instructions for Plugin Method
There are multiple ways to place the one-time Smart Button code in Wordpress. Below, you'll find simple instructions that don't require a web developer. If you're already working with a web developer, share this page with them or contact your Partner Success Manager.
First, check if you already have a similar plugin. Skip Step 2 if you already have a similar plugin. Subsequent steps will vary slightly depending on the plugin you have.
Slice doesn't necessarilly recommend this plugin. There are many other similar plugins that will work. WPCode is another plugin that is often recommended in blogs and forums.
STEP 1: GET YOUR CODE
- Get your unique code snippet from your Partner Success Manager or in the Website section in Owners Portal.
- The code you're given will look something like this example image. You'll notice "script" at the beginning and end. This image is an example only. Your code will have a unique restaurant ID specific to your shop.
- Try not to copy it into any other word processors like Microsoft Word or Google Docs as these could change some parts of the code.
STEP 2: INSTALL PLUGIN
- From the main Wordpress dashboard, on the left side, click Plugins. Then click Add New.
- In the upper-right, type "head footer code", search, and find the Head & Footer Code option offered by "TechWebUX.com".
- Click Install Now. Then click Activate. Now the new plugin is installed.
Note: There are many diffent plugins and different methods that can be used for Wordpress sites. The plugin we've used is just an example. Other plugins will work similarly. WPCode is another plugin often recommended in online blogs and forums, but the steps will be slightly different. We do recommend using a plugin in this guide because modifying the functions.php file should only be done by experienced Wordpress developers.
STEP 3: ADD CODE SNIPPET
- Open the plugin settings by selecting Tools on the left side. Click the name of the plugin which is Head & Footer Code.
- There is an empty field at the top labeled HEAD Code. Copy and paste your code snippet here.
- Find the HEAD Priority field and update to a high value of "999".
- Click Save Changes at the bottom.
DONE!
That's it! Customize on your own from Owners Portal without accessing your website again! Your Partner Success Manager can help you also.
Below you'll find all of the different styles and colors available so far.
