Often merchants will want to make a change to a widget on their store front but they're unsure which widget in Rebuy Admin is the widget they're seeing.
This guide will walk you through how to locate the widget ID on the storefront.
This approach will not work for Post Purchase or Checkout Extension widgets.
Identifying widgets on the store front
Navigate to where you believe you're seeing a Rebuy widget on your store.
Hover your mouse over the widget, right click then click inspect.
Clicking inspect will open your browsers developer tools and you should be focused on the element you right clicked on (the product image in this example).
You may need to scroll up to see all the elements above, but if it is a Rebuy widget you'll see "rebuy" in the text multiple times.
If you do not see "rebuy" in the elements, then you're not looking at a Rebuy widget.
At the top of the elements for that widget you should see "
rebuy-widget-XXXX" (white rectangle in the image above). That is the widget ID you're looking for. In this example we inspected widget ID 16468.
Now that you have the widget ID you can go to Rebuy Admin, find that specific widget and make any changes you need.
Example Demo
Here you can see us inspecting the widget elements, then in the developer tools we're tracing the widget elements upwards to the top which reveals the widget ID.
Using Rebuy's Toggle Highlight feature
If you're unsure which elements on the storefront are Rebuy products, you can follow the steps above to inspect each element or you can leverage the Toggle Highlight feature to quickly confirm.
See more here.