Adding an Embed Stream

A heavily visited website has many web pages and landing pages with users wanting to know more. With Hushly, you can leverage your content Assets to showcase relevant content for users. Using Embed Streams, you can showcase content on any web page or landing page.

The workflow to embed a Stream is as follows:

To Embed a Stream:

1. From the Left Nav Menu, click Hubs.
   
   
2. From the Hub page. Select a Hub.
   
   
3. By default, the Dashboard displays, click Embed Stream.
    
4. Click Add Embed Stream.
    
5. By default, the Configure tab displays the details that will be previewed in the Preview Section.
   
   
6. Enter a Name.
   
   
7. Click the Select Stream drop-down list to embed an Asset. A preview of the available Streams opens with the Assets, as shown below:
   Note: If you don’t have any active Streams, Streams are not listed. In this event, refer to Adding a Stream.
   
   
8. Enter tags in Filter by Asset Tags. Select the filter label. Based on the filter selected, the preview filters the Assets displayed.
   Note: Based on the tags and filters, the preview filters and displays the Assets.
   
   
9. Additionally, you can click Show Filters and filter the required fields displayed in the preview. 
   
10. Click Item Tile Size to choose the size of the Asset thumbnail size.
     
11. Click On Item Click Open In drop-down list to choose whether to open the Stream in a separate browser tab.
     
12. Enter the maximum number of items to be displayed in the Hub in Max Items.
     
13. Optionally, you can enter Custom Styles fields.
    
    
14. You can recommend content using AI Engine by enabling the Toggle. By default, the Toggle is set to No.
    
    
15. Check the Preview section to see how the Embedded Stream looks.
    Note: If an Embed Stream rule is defined, then it will be displayed in the Segment field in the preview section.
    
    
16. Click Save after configuring the Embed Stream. A confirmation message is displayed.
    
    
17. By default, the Configure tab is displayed, click the Embed Code tab.
    
    
18. In the Embed Code tab, you can copy the Code and Tag.
    
    
19. Copy the Hushly Embed Tag and install it in the Header (before the </head>tag) or Footer (before the </footer>tag of the website only once.
    
    
20. Copy the Stream Embed Code and paste it in the section of the webpage where you want to showcase it. For example, if you want to showcase the Stream in the body section of a webpage, paste the Stream Embed Code in the body. 
21. Click Finished.