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:
- From the Left Nav Menu, click Hubs.
- From the Hub page. Select a Hub.
- From the Hub menu, click Embed Streams.
- Click Add Embed Stream.
- The Configure tab shows setup details, with the Home Stream displayed in the preview section by default.
- Enter a Name.
- Select a Stream from the drop-down list and the selected stream will be displayed in the Preview section.
Note: If you don’t have any active Streams, they will not be displayed. Please refer to Adding a Stream. - Enter tags in Filter by Asset Tags (Optional). Based on the filter selected, the Assets that are tagged at the Asset level will be displayed.
- You can also filter Assets by Catalog Fields by clicking Show Filters (Optional). The Assets that are configured with Catalog fields at the Asset level will be displayed.
- Click Item Tile Size to choose the size of the Asset thumbnail.
- Click the On Item Click Open In drop-down to choose whether to open the Asset in a New Window or the Same Window of a browser.
- Enter the maximum number of items to be displayed in the stream in Max Items.
- Optionally, you can enter Custom Styles to set a style for the embedded stream.
- You can recommend content using the AI Engine by enabling the Toggle. By default, the Toggle is set to No.
- Check the Preview section to see how the Stream appears.
- Click the Add Personalized Stream button to personalize the stream by adding Segments.
Add Personalized Stream pop-up is displayed with the Configure and Preview sections. In the Configured section, Add a Segment from the drop-down. By default the home stream is displayed, you can select a stream from the Select Stream drop down. Assets can be filtered by Tags or Catalog fields (Optional). Click Add to save changes.
The saved Personalized Stream is displayed with the Segment and Stream along with the Edit and Delete buttons.
Note: Visitors from USA and Canada will view the Personalized Stream based on the Segment Rule and the rest of the visitors will view the default Embed Stream. - Click Save after configuring the Embed Stream. A confirmation message is displayed.
- The Embed Code tab is enabled. Click the Embed Code tab.
- In the Embed Code tab, you can copy the Stream Embed Code.
- Copy the Hushly Embed Tag and install it in the website's Header (before the </head>tag).
- Copy the Stream Embed Code and paste it into 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, you can just simply paste the Stream Embed Code in the body.
- Once the Hushly Embed Tag and Stream Embed Code are added to your Website, the Embed Stream will display on the page as follows.
Related Topics:
Was this article helpful?
That’s Great!
Thank you for your feedback
Sorry! We couldn't be helpful
Thank you for your feedback
Feedback sent
We appreciate your effort and will try to fix the article