All-In-One Reviews
All-In-One Reviews
Welcome to the “All-In-One Reviews” documentation.
Looking to integrate all-In-one reviews into your website? Our block enables you to create a dynamic and engaging review platform that fosters trust and credibility among your users.
In this guide, we'll show you how to use the editor to customize your all-In-one reviews block.
Step 1 : Open the Editor
1. Go to All In One Reviews template.
2. Click on "Edit" after choosing your template.
class="flex justify-center items-start h-auto w-auto" alt="">Step 2: Add Sources
1. In this panel, you can easily add, remove, or rearrange your reviews as needed.
class="flex justify-center items-start h-auto w-auto" alt="">2. You can customize each source by entering a link, adjusting filters, and inputting your review link.
class="flex justify-center items-start h-auto w-auto" alt="">Step 3: customize the Badge
If you want to show the badge you can just active this toggle. Then you will customize it by allow the floating option, adjust its round, shadow, border, show the title, source, and reviews number.
class="flex justify-center items-start h-auto w-auto" alt="">Step 4: Adjust the Layout
1. Within this panel, select a layout for your reviews and customize it by adjusting the gap between them, specifying the number of columns and rows, entering a button label, and adjusting its roundness.
class="flex justify-center items-start h-auto w-auto" alt="">2. You can decide whether to display the tab, make it transparent or not, and choose to show or hide the icons and info.
class="flex justify-center items-start h-auto w-auto" alt="">3. Regarding the header, you have the option to show or hide it, make it transparent or not, choose its position, and determine whether to display the title, review number, and button.
class="flex justify-center items-start h-auto w-auto" alt="">Step 5: customize review card
1. Here, Start by choosing your review card style.
class="flex justify-center items-start h-auto w-auto" alt="">2. Next, customize it by adding the desired content, adjusting the border, shadow, roundness, and text display options to your liking.
class="flex justify-center items-start h-auto w-auto" alt="">Step 6: Configure settings
Here, you'll handle the settings:
1. Start by the container where you can show or hide title and adjust its padding and margin.
class="flex justify-center items-start h-auto w-auto" alt="">2. Then, adjust links settings by redirect it in the same tab or in a new tab and select the dropdown round and shadow style.
class="flex justify-center items-start h-auto w-80 h-auto " alt="">Step 7 : Choose Colors
1. Within this panel, you can select colors that match your website's design.
class="flex justify-center items-start h-auto w-auto" alt="">Step 8 : Preview
Lastly, you can click on “Preview” to see how your all-In-one reviews 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="">