Skip to main content
All CollectionsOnline Ordering
Boost your Oddle Shop’s Traffic with Greater Discoverability
Boost your Oddle Shop’s Traffic with Greater Discoverability

This article provides a step-by-step guide on how to link your Oddle Shop to your social media pages

Updated over 2 years ago

When opening up a physical store, the first thing you do is announce it to the world! Bouquets of flowers outside, an official opening, flyers with attractive designs placed around the block!

You want to be DISCOVERED.

Similar to setting up an actual store, you want your e-shop to be discovered by as many people as possible!


In this article, find out how you can link your Oddle Shop to


Facebook

  1. Go to your Facebook Page as admin

  2. Click Edit on your "Send Message" button, select "Edit Button"

  3. Select “Order Food”, "Shop Now" or "Start Order"

  4. Select Website Link

  5. Add your Oddle Shop URL


Google Business

  1. Go to your Google Business pages for each outlet (https://business.google.com/).

  2. Click on "Info" on the left side panel and ensure that the Primary category is set to "Restaurant" and click apply.

3. Click on "Food Ordering" on the left side panel and add your Oddle E-shop URL as an ordering link.

4. The "oddle.me" link should now show on your Google Business Listing for customers to go direct to your e-shop.


Instagram

  1. Tap on your profile picture in the bottom right to go to your profile

  2. Click on Edit Profile

  3. Under "Website", add your Oddle Shop URL

  4. Click Done


Website

if you have an in-house web developer, you may advise them to assist in inserting an "Order Online" or "Island-wide Delivery" tab on your website and link this tab to your Oddle Shop URL.

Otherwise, you may also use the following HTML code to embed an "Order Now" button on your website.

⚠️ Remember to enter your e-shop link under "ODDLE SHOP URL" below.

<style> .order-now-container {
display: flex;
justify-content: center;
align-items: center;
} .order-now-button {
width: 300px;
height: 50px;
border-radius: 5px;
background-color: white;
display: flex;
align-items:
center;
justify-content: center;
border: 2px solid #DF0A17;
-webkit-transition: all .15s ease-out;
-moz-transition: all .15s ease-out;
-o-transition: all .15s ease-out;
transition: all .15s ease-out;
}
.order-now-button:hover {
background-color: #DF0A17;
}
.order-now-button:hover .order-now-button-label {
color: white;
}
.order-now-button-label {
font-family: sans-serif;
font-weight: 600;
color: #DF0A17;
font-size: 24px;
line-height: 100%;
letter-spacing: 2px;
text-align: center;
text-transform: uppercase;
-webkit-transition: all .15s ease-out;
-moz-transition: all .15s ease-out;
-o-transition: all .15s ease-out; transition: all .15s ease-out;
}
.order-now-button-link {
text-decoration: none;
}
/**
* the rule above will be overidden by
* the rule bellow if the viewport is below 480px (mobile viewport)
*/
@media screen and (max-width: 480px) {
.order-now-button {
width: 150px;
height: 50px;
}
.order-now-button-label {
font-size: 14px;
}
}
}
</style>
<div class="order-now-container">
<a href="ODDLE SHOP URL" class='order-now-button-link'>
<button class='order-now-button'>
<p class='order-now-button-label'>Order Now</p>
</button>
</div>


Have more questions? Contact our Support Team at [email protected] or chat with us by clicking on the Speech Bubble at the bottom-right corner of the page.

Did this answer your question?