Create product card interaction

This article is designed to provide you with comprehensive steps to successfully embed the product card in your desired location on your web page or within your giosg bundle.

As described here, currently there are four distinct methods available to integrate the product card feature into your giosg bundle, initiating an increase in sales through this straightforward Click-to-Action (CTA) tool. 

1. Static product card interaction

   To display static product information on your website, you can follow these steps:
   
   1. Begin by creating a new product card element from the element picker. 
   
   2. In the Side bar-> Appearance,  from the "Show products from" dropdown menu, choose the "Products in product card" option.
   
   3. Next, you can decide on the presentation of your product card. In the "List style" you can choose between a continuous or a carousel presentation.
   
   4. Further down the side bar, insert  the URLs of the products you wish to show in your product card interaction.
   
   5. After finalizing your product card, publish it as a "Website interaction".
   
   
   
   
   This allows you to display the product card anywhere on your webpage, providing visitors with the option to add it to their shopping cart with just one click.

2. Product card as a chat attachment

   To share product cards directly within a chat conversation, follow these steps:
   
   1. Begin by creating a new product card element from the element picker. 
   
   2. You don’t have to define anything else about this product card, so you can go straight to publishing. When publishing the Product Card, choose the "Product Card Attachment" option. This categorizes it as a chat attachment.
   

3. Live campaign product card

   If you are planning to create specific event product campaigns (such as offers, Christmas, or Black Friday) and want to display products during their respective durations, you can follow these steps:
   
   1. Begin by creating a new product card element from the element picker. 
   
   2. In the Side bar-> Appearance,  from the "Show products from" dropdown menu, choose the "Live Stream Campaign" option.
   
   3. In the "Select campaign group" dropdown menu, choose the group you created for your live stream campaign.
   
   4. Next, you can decide on the presentation of your product card. In the "List style" you can choose between a continuous or a carousel presentation.
   
   5. Further down the side bar, insert  the URLs of the products you wish to show in your product card interaction. These products will be suggested during the new live stream campaign creation.
   
   

   6. Publish the product card interaction as a "Website interaction", making sure it is accessible to your live stream viewers.

4. Live stream campaign product card

   If you are planning to host a live stream and wish to display products during the stream, you will need to:
   1. Create a group that you intend to use for your live stream
   2. Have "Product card as a chat attachment" active (2nd interaction)
   3. Have "Live stream campaign" active (3rd interaction)