Editable Reviews
Editable Reviews
Welcome to the “Editable Reviews” documentation.
Looking to integrate editable reviews into your website? Our block provides valuable insights, helping your visitors make informed decisions.
In this guide, we'll show you how to use the editor to customize your editable reviews block.
Step 1 : Open the Editor
1. Go to Editable Reviews template.
2. Click on "Edit" after choosing your template.
class="flex justify-center items-start h-auto w-auto" alt="">Step 2: Add and customize reviews
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 clock by uploading a user picture, setting the rate they've given, inserting a link, and editing their name and review text.
class="flex justify-center items-start h-auto w-auto" alt="">Step 3: Adjust the Layout
1. In the Layout panel, you can configure the appearance and behavior of your review cards, including options like carousel, masonry, grids, or autoplay.
class="flex justify-center items-start h-auto w-auto" alt="">2. You can choose whether to display the header and adjust the gap between review cards.
class="flex justify-center items-start h-auto w-80" alt="">3. For masonry or grid layouts, you can set the maximum number of items and grids per line. You can also define the button label and its roundness.
On the other hand, if you select the carousel layout, you can specify the maximum items, number of columns and rows. Additionally, you can enable features like looping, autoplay, and show controls and dots.
And If autoplay is enabled, you can select the direction.
class="flex justify-center items-start h-auto w-auto" alt="">Step 4: Configure settings
Here, you'll handle the settings:
1.Start by choosing your theme: Classic, Bubble, or Card.
class="flex justify-center items-start h-auto w-auto" alt="">2. Next, manage the content. Select the card style and roundness, choose what to include (stars, text, name, border), and adjust the card's width and height.
class="flex justify-center items-start h-auto w-auto" alt="">3. In this section, determine the image's position and adjust its dimensions.
class="flex justify-center items-start h-auto w-80" alt="">4. Customize the stars by choosing the icon and its position.
class="flex justify-center items-start h-auto w-80" alt="">Step 5: 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-96 h-auto " alt="">Step 6: Preview
Lastly, you can click on “Preview” to see how your editable 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="">