ECOMILY ECOMMERCE PRO

Contents 1. INSTALLING AND ACTIVATING ECOMMERCE PRO......................................................... 2

1.1 Installation via WordPress dashboard .......................................................................... 2

1.2 Installation via cPanel (or ftp) .......................................................................................... 2

1.3 Important requirement ....................................................................................................... 3

1.4 eComily commerce Pro user interface ........................................................................... 3

2. AUTHENTICATE eEP WITH YOUR INSTAGRAM ACCOUNT.......................................... 5

3. YOUR FRONT-END FEED AND WOOCOMMERCE ............................................................. 6

Step 1 – Create a Wordpress page .......................................................................................... 6

Step 3 – Make your products “shoppable” ........................................................................... 7

Step 4 – Add an Instagram post of your product .............................................................. 8

4. APPLICATION SETTINGS ............................................................................................................. 10

5. ANALYTICS ........................................................................................................................................ 12

With eComily Ecommerce Pro (eEP), you can turn your Instagram into an online shop powered by Woocommerce or redirect users to any product link URL of your choice.

1. INSTALLING AND ACTIVATING ECOMMERCE PRO

1.1 Installation via WordPress dashboard Step 1 Log in to your WordPress admin dashboard. On the left-hand menu, hover over “Plugins”. On the slide-out menu, click “Add new”.

On the “add new plugin” page, click the “Upload plugin” button to upload the ecommerce Pro plugin. Click “Install now” to install the plugin. On the add new plugin page, click the Upload plugin button to upload the plugin from your computer. Click Install now to install the plugin. Step 2 Click the “Activate” button to activate the plugin.

1.2 Installation via cPanel (or ftp) Installation via WordPress dashboard is definitely the fastest way to get your plugin installed. However, in some cases, the plugin file might be too large and installation via WordPress dashboard will fail. A quick workaround to this is installing the plugin through your site’s cPanel or ftp. Step 1

Log in to your cPanel. Under File management, click on “File manager” and select the domain you want to install the plugin on.

When the file manager opens, you will see all the files you have for that domain. Locate and open the folder “wp-content”. Inside the “wp-content” folder, click on the subfolder “plugins”. In the plugins sub-folder, upload the ecommerce pro plugin and extract the zip file. Step 2 Go back to your WordPress dashboard. Click on “plugins” which is located in the left hand menu. Locate the eComily ecommerce Pro (eEP ) plugin and activate it.

1.3 Important requirement eEP works with ecommerce stores built on Woocommerce. Woocommerce is the most popular and capable ecommerce store plugin for WordPress. If you don’t currently have an online store or your current store is not built on Woocommerce, you need to download and install the plugin from their website https://woocommerce.com/ For starters, here is a good YouTube tutorial to getting you started with your online store using Woocommerce platform https://www.youtube.com/watch?v=V_mt-c_l36U&list=PLb_9CO685F8PjZeXiUVy-89otuKMjtv57 This tutorial covers installation, store setup, adding products, checkout pages, product delivery and lots more.

1.4 eComily commerce Pro user interface After installing and activating the eEP plugin, you should see a new tab called “eComily Pro” appear on your WordPress sidebar.

Click on it to open. The eEP interface is very simple and minimalistic. We’ll now discuss the options in General settings and Analytics tabs.

2. AUTHENTICATE eEP WITH YOUR INSTAGRAM ACCOUNT Important note: Before proceeding to authenticate your account, first go to instagram.com and LOG OUT of your account if you are already logged in. When that is done, click the “Click here to generate your Access Token and User ID” button. You’ll be redirected to Instagram and requested to log in to your account.

You should log in using the account you plan to use for your shoppable Instagram feed. After logging in, your app will be authenticated and you will automatically be redirected back to eEP. Now you should be able to see more options in the interface.

3. YOUR FRONT-END FEED AND WOOCOMMERCE Now you need to create a new page in your wordpress site, add a unique shortcode on it, then edit products in Woocommerce to include the hashtag text (without actual # symbol). Change your Instagram profile URL to lead to the new Wordpress page you’ve created. Let’s discuss each of them in detail.

Step 1 – Create a Wordpress page Create a WordPress page: Pages>add new. In the content area, enter the shortcode [cg_ecomily_commerce_pro] In the page title, you can enter anything you want. Save the page and copy the page URL link.

Step 2 – Add the site URL to your Instagram profile Log in to your Instagram account and go to your Profile by clicking the profile icon. Click the Edit profile button. On the page that opens, go to the “Website” field and paste the link you copied from Step 1 above. Click the submit button to save.

Step 3 – Make your products “shoppable” Go to the Products page (the Products page is added by your Woocommerce store plugin) and select any product you want to make “shoppable” through Instagram and edit it.

On the Woocommerce product editor interface, you will notice that a new tab called “eComily Commerce” has been added.

On the “Hash tag(s) field, enter as many hash tags as necessary for the product. On the button target, select the action button function which will appear on the product on the landing page. There are 3 button options:

- Add to cart action – this will create a button under the product which when clicked will add the product to the user’s cart.

- Redirect to product page – this will create a button under the product which when licked will redirect the user to the full product page. This is the default button option.

- Redirect to custom link - when this option is selected, you can enter

custom link URL and will create a button under the product which will then redirect user to your custom URL (amazon affiliate link and any other product page for example).

Step 4 – Add an Instagram post of your product Finally, you should create a new post on your Instagram account which will have the same hashtag(s) as the product(s) you want to sell on your site. For example, if you have a product called “myproduct” and you want people to purchase it through your Instagram – add a hashtag to the product (as described in step 3 above) #summersale and then on your Instagram account, create a post with the product’s image and description and add a hashtag; something like “Summer shopping discount live now! #summersale – link in our BIO!”. When users click on your bio – they’ll see your link to your product page, When they click the link, they will land on your WordPress product page and will see the product(s) with the hashtag summersale. They’ll now be able to purchase the product using the specified “Button target” placed below the product.

Now you can open your Instagram shop landing page you created in Step 1 above and you should see Instagram posts with hashtags associated to products!

4. APPLICATION SETTINGS Though you don’t need to change any of the default settings in order to have a function store; however, if you need to customize the store, find below all the options and what they do.

Instagram Access Token – Here you’ll find the button “Disconnect your Instagram account. When this button is clicked, the currently linked Instagram account is disconnected from your store and you can link another account. Item count – This sets the number of buyable instashots that will show on your WordPress landing page which you created in Step 1 of chapter 3. The default value is set to 10. If you have lots of products in your store, you might want to increase this number. Feed limit – This specifies the “age” of Instagram posts that the store can fetch. By default, posts older than 1 week will not be fetched in the landing page.

Add to cart button text – This is the text of the “Add to cart” button displayed below the product on the landing page. Border radius – This controls the border radius of the Add to cart button. Button background color, Button text color, Button background hover color, Button text hover color – This controls the color for normal and hover state of the button. Product details button text – This is the button text for target button set to “Redirect to product page” Instagram feed layout – You can either choose 1 or 2 columns feed layout, which impacts how many columns of products will be shown on you instagram landing page. 1 column is more conventional and would suit if you don’t have many shoppable posts, however if you do have 10 or more Instagram shoppable posts on landing page, we recommend switching to 2 column layout. Action button position – This will set the target button to either show on the bottom of the product image or appear only when you hover over the product image. After making changes, click the “Update changes” button to save.

5. ANALYTICS

The analytics tab provides information on your site visitors. You can see the number of daily, monthly or annual visitors on your store landing page. The second row provides stats on your Instagram shop page views. The last section provides information on your hashtags stats.