With OSI Affiliate Software, you can enable your affiliates to promote your business with Shopify store.

To set it up, follow the steps below.



Step 1. From the Admin Dashboard, go to Set up Software, click on Setup Facebook, Twitter and LinkedIn.


Step 2. And then, select Referral Program.


Step 3. In the following page, click on the Twitter/Facebook icon and then add the Title, Description and upload the Image. Click Save.


Step 4. Login to your Shopify admin panel.


  1. Step 5. From your Shopify admin, go to Settings and then Files.


Step 6. Upload the image to be used as graphic for the post and copy the URL.


Step 7. Click your Online Store and then Themes. Click Actions button and select Edit code.


Step 8. Look for theme.liquid and enter the meta codes below right before the </head> tag. Click on Save.


Meta Codes


For Twitter Add the snippet of Meta Code in the space shown below.

<meta name="twitter:card" content="summary_large_image">

<meta name="twitter:site" content="@yourtwitterhandle">

<meta name="twitter:image" content="URL image copied from upload" />

<meta name="twitter:title" content="Your Title Goes Here">

<meta name="twitter:description" content="Your Description goes here">


For Facebook Add the snippet of Meta Code in the space shown below.

<meta property="og:title" content="Your Title Goes Here"/>
<meta property="og:type" content="website"/>
<meta property="og:url" content="http:/www.yoursite.com"/>

<meta property="og:image" content="URL image copied from upload"/>
<meta property="og:site_name" content="Your Site Name Goes Here"/>
<meta property="og:description" content="Your Description goes here"/>


Example:

 <meta property="og:title" content="Transform Your Listening Today!"/>

<meta property="og:type" content="website"/>

<meta property="og:url" content="https://www.onthemovemobile.com"/>

<meta property="og:image" content="https://cdn.shopify.com/s/files/1/1650/4807/files/Screen_Shot_2020-03-17_at_10.21.31_PM.png?v=1584454913"/>

<meta property="og:site_name" content=“Onthemovemobile”/>

<meta property="og:description" content="Want to enjoy your music more? Get 20% OFF any Supreme Headphone when you purchase Today!”/>


Always use the debugger tool to confirm if the post is displaying correctly.

https://developers.facebook.com/tools/debug/