Rss Feed

Rss Feed

Welcome to the “RSS Feed” documentation. Looking to integrate RSS feed into your website? Our block allows you to create a dynamic stream of content that keeps your audience informed and engaged. In this guide, we'll show you how to use the editor to customize your RSS feed block.

Step 3 : Adjust The Layout              





Step 1 : Open The Editor

1. Go to Rss Feed template.
2. Click on "Edit" after choosing your template.


class="flex justify-center items-start h-auto w-auto" alt="">



Step 2 : Add The Source


In this panel, you can easily add your RSS URL, edit it or delete it.


class="flex justify-center items-start h-auto w-96" alt="">




Step 3 : Adjust The Layout


1. Within the layout panel, you can select your preferred layout style, whether it's grids, masonry, list, or a carousel.

class="flex justify-center items-start h-auto w-96" alt=""> 




2.  For each layout type, you can customize specific options. For example, you can adjust the gap between cards, and specify the number of columns and rows.
For the carousel, you can customize the autoplay delay, set the maximum number of items to appear, decide whether to enable the loop, and choose whether to display dots and controls.
In other cases, you can define the button label, adjust its roundness, and customize its border.


class="flex justify-center items-start h-auto w-auto" alt="">




Step 4: Configure settings


1. In the container settings, you will easily adjust the spacing around the block by customizing the margin and padding. You also have the option to open links in a new tab.


class="flex justify-center items-start h-auto w-80" alt="">



2. For the header, you have the option to toggle its visibility and adjust the padding as needed.


class="flex justify-center items-start h-auto w-80" alt="">




Step 5: Personalize cards


In the card panel, you have control over various aspects:
1. Choose the image position and select the action that occurs when the post is clicked.


class="flex justify-center items-start h-auto w-96" alt="">



2. In the "Props" section:
  •  In the "Props" section: If you've chosen the left, right, top or bottom image position in the preview section, specify Image height, border style, shadow, roundness, choose to display a short, full, or scroll description, and write the label for the "more" button.


  • class="flex justify-center items-start h-auto w-auto" alt="">



  •  If you choose the cover image , you can do the same as the others. Additionally, you can opt to show an overlay over the card and adjust its opacity. 


  • class="flex justify-center items-start h-auto w-auto" alt="">



    3. In this section, you can opt to show or hide each card's content.


    class="flex justify-center items-start h-auto w-80" alt="">




    Step 6: customize the popup


    1. When setting up the popup, you can choose to display or hide both media and channel links. Also, you have the flexibility to adjust its roundness.


    class="flex justify-center items-start h-auto w-96" alt="">



    2. Additionally, you can choose whether to show or hide each popup's content as required.


    class="flex justify-center items-start h-auto w-80" alt="">




    Step 7: Choose Colors


    Within this panel, you can select colors that match your website's design.


    class="flex justify-center items-start h-auto w-80" alt="">




    Step 8 : Preview 


    Lastly, you can click on “Preview” to see how your RSS feed block looks on both desktop and mobile devices. After this, you can proceed to the next step.

    class="flex justify-center items-start h-auto w-auto" alt="">