The Sauce platform uses a range of methods in an attempt to retrieve accurate and helpful data, and have this displayed to customers in your visual shopping feeds. This is based on us retrieving the page (e.g the product page) and parsing data such as OG tags and HTML elements from the page. Thus it is important that your page is not blocked by a 'coming soon' or password-protected page.
Assuming the link actually takes your customer to the product page: then if you are still not seeing pricing data, if images are missing, or you spot any other kind of inaccuracy, this will be down to your website or store not handling the data in a way that can be easily retrieved.
The solution: ensure you have implemented metadata
Make sure your website or store is correctly implementing a standard data format, that being OG data tags, SchemaOrg, and JSON-LD. These are implemented by adding markup to your page, to help third parties (such as Sauce, Facebook, Pinterest, and others), better understand the page contents.
Given that many product pages lack metadata tags, we also look out for a few HTML elements, such as those with class names: .current_price, .price , or ends in product-price.
Note that if you have made recent changes to your Product data (such as a change in price), it may take a few days for this to be reflected in Sauce. If you believe your data should be showing correctly, but it is not accurately doing so, then please do reach out to us, be sure to link us to an example.
OG Tags for product pages
If using OG Tags on your product pages, as an example, these are the recommended set of tags to have in place:
<head>
<meta property="og:type" content="product" />
<meta property="og:title" content="Sample title" />
<meta property="og:description" content="Sample description" />
<meta property="og:image" content="Link to product image" />
<meta property="og:url" content="URL of the product page" />
<meta property="product:price:amount" content="99.99" />
<meta property="product:price:currency" content="USD" />
<meta property="og:availability" content="instock" />
</head>
Tip: you can use the OpenGraphCheck website to test your URL and check that your OG tags are correctly implemented. If you are not seeing your page's title and image being returned - you'll need to have this corrected before Sauce can read your data. Note that if you are using a theme that inserts the OG data into the page AFTER the page loads - this will fail to be read by us. You'll want to make sure that the OG tags are present when viewing the page source.
💲 Why is the currency for my product showing as USD dollars?
Our automated retrieval of your page data originates from servers in the United States. If your store is set up to automatically show USD dollar currency for customers from the US - this is the currency that we will use. Note that you do have the option within the Account Details section of your account to hide prices if desired:
Note that Sauce does not perform any currency conversion, but if you are on Shopify and using Shopify Markets, we will render the presentment currency and price, thus adjusting the currency to match that of the product page being browsed.
💰 Why is the currency showing incorrectly?
If you are finding a mismatch between the Price shown and the Currency - this may be due to the fact that your OG tags are outputting the wrong currency. We have seen this with many Shopify themes, where multi-currency is used.
Where the issue occurs, it is often down to {{ shop.currency }} being output as the product:price:currency OG tag, when instead you should be using the following: {{ cart.currency.iso_code }}. In full, the currency tag should thus look as follows:
<meta property="product:price:currency" content="{{ cart.currency.iso_code }}" />
❌ Why is the price showing incorrectly?
If you find that the currency is correct, but the price is wrong - this is likely similar to the above, in that your page is returning incorrect metadata when browsed by our servers in the US. In this case, it's likely that the Product Price is correctly returned as the USD amount, but the currency is incorrect, such as EUR:
<meta property="og:product:price:amount" content="99.00">
<meta property="og:price:currency" content="EUR">
The solution here will be to work with your Theme Developer to correct your code so that the correct currency is returned from browsing from the US.
😭 Why am I seeing low-resolution images for my product?
If your Hotspot modal is displaying low-resolution images, this will almost certainly be down to the fact that your OG image tags are linking to lower-resolution images. To confirm this, you'll want to view the page source for your product page, and see what is used for the "og: image" tags. The solution here will have your store or theme corrected to link to larger resolution images. You'll need to work with your developers or platform support team to accomplish this.
🤔 My page tags look good, but the product data is still missing or incorrect.
Check that you or your host are not using an anti-crawling technology such as AkamaiGhost which will prevent us from being able to reach the destination page. The Etsy platform is one such example. Sadly at present, there is little we can do here at present, we will be reviewing the situation in the near future.
Our servers include (snapppt.com) in the User Agent, which you may use in your security software configuration to allow our requests through and thus restore the full functionality of your Sauce account.
As our servers reside in the US, you'll want to keep this in mind. We have, for example, seen stores that were displaying incorrect pricing in their OG tags - but only when viewed from the US - so do take this into consideration!