How to Use Products Feed for Sliders from your Store on a Tracking Page

We already described how to configure sliders on a tracking page in the previous article

Now we want to tell you how you can use Products Feed from your store as slider items. 


To do so, here are the two simple steps to follow:

Step 1. Prepare Products Feed on your store

Products Feed should have the format of Facebook Products Feed XML to use in sliders on the tracking pages. There are many custom applications/extensions/plugins for different eCommerce systems, which allow the creation of Facebook Products Feed XML.

We recommend using the following applications/extensions/plugins:

Shopify: https://apps.shopify.com/facebook-product-catalog

WooCommerce: https://wordpress.org/plugins/webappick-product-feed-for-woocommerce/


To be sure your sliders look good using the products feed, please confirm each item in the feed contains the following fields.

Required:

  • link - is used for buttons in a slider. When clicking on the Buy Now button it will redirect to that link.
  • image_link - the image URL is used for the slider item's image. Use HTTPS for image URLs to be sure your images will not be blocked on a tracking age.
  • title - the name of the product

Optional:

  • price - the regular price of the product
  • sale_price - the discounted price of the product


Step 2. Upload Products Feed to a slider

Start by clicking the Tracking Pages button. Click the Visual Builder button on the page you'd like to work with. This will take you to the visual builder page.



Navigate to Main Content Slider in the Visual Builder menu or click over the slider in the main content block.



Navigate to Slider Items.


Click Add Product Feed button.



Paste the copied products feed URL to the input field and press the Verify button.



If your feed is accessible and valid you should see two green succeed icons Accessible and Verified. Press the Save button.



Please confirm items from the feed were imported and are used for the slider and visible in the list.

As you can see from the screenshot, you have the Feed Url with Edit and Delete icons and the Fetch Feed Items button.

Please Note! Only the first 30 items from the feed will be used. Items from the feed update each day automatically. If you made any changes in your feed and want to see changes in the slider ASAP, press the Fetch Feed Items button and items will be updated.




Finally, press the Save button in the sidebar menu.


Follow the same steps to add products feed to the Sidebar Slider.


Troubleshooting

1. Products Feed Url is not Accessible


Possible issues: 

  • Incorrect URL - make sure you enter the correct URL
  • URL is password protected and requires authentication - remove password protection for the Feed URL
  • Requests to the Feed URL are blocked by the firewall - add trackmage.com to the firewall exceptions list


2. Products Feed Url is not Verified


Possible issues: 

  • the Feed URL is empty (does not contain items) - check the settings of the application/extension/plugin in your shopping cart, try another application/extension/plugin 
  • the Feed URL contains items with missed required fields Link, Image_link, Title - make sure the products you use for the feed have correct data, check the settings of the application/extension/plugin in your shopping cart, try another application/extension/plugin


3. Images are not loaded in the slider



Possible issues: 

  • the Image URL is wrong - check you have the correct image for the product in your shopping cart and URL is pointed to the image 
  • the Image URL is blocked by CORS policy - make sure HTTPS is enabled on your shopping cart and it is used for image URLs

Did this solve your problem?