WooCommerce enables you to embed your Faire Direct widget on any page to direct retailers to shop your brand on Faire. For more information on the Faire Direct widget, visit What is the Faire Direct widget?
Follow these steps to embed your widget on a WooCommerce page:
- Navigate to the page where you want to embed your widget
- Select the + button in the top left corner of the page
- In the side panel that surfaces, select the Blocks tab
- In the search bar, search for Custom HTML, and select the Custom HTML icon to add this block to your page
- You are then ready to add your Faire Direct widget HTML code into the block you added. To do so, head to the Faire Direct widget tab in your portal, choose the widget size you’d like to embed, and select the Copy code button
- Navigate back to the HTML block you added to your WooCommerce page
- Paste your widget HTML code in the Write HTML… textbox
- Once pasted, click on the Preview button to see how your widget will surface on your page
For additional information on adding and utilizing blocks in Wordpress, visit Wordpress: Add Content Using Blocks.