A well-designed site also sometimes fails to create a good first impression on your potential customers. In that case, adding testimonials on your website makes it more trustworthy to those who are exploring it for the first time.
Testimonial, along with reviews and ratings will help you to show that you run a legitimate business and therefore a reliable supplier for the services you are offering.
In this article, we will show you how to do testimonial page design easily for your business website in just a few simple steps. Here we’ll use Elementor along with one of its powerful addons – HappyAddons.
Before dive into the deep let’s spot some light over-
What is a Testimonial?

A testimonial is a third party statement that usually comes from your previous or exciting customers who have used your products/services. It tells your potential leads about your product quality, service type, specialty, and many more. So that you can easily convince your interested visitors that you’re worth their trust.
Customer reviews can come in different forms such as- quotes, short videos, customer interviews, case studies, success stories, and many more. These are known as testimonials. Perhaps, quotes are the most common form for website testimonials. Because they’re easy to collect and feel the most relatable to your audience.
How Important are Testimonials on Your Website?
A dedicating web page to customer testimonials is a great way to earn the trust of your visitors. It represents the actual values that you are offering through your products and services. This is because, first and foremost, they’re the evidence that you have a sustainable business and a strong customer base. Also states the reality that it’s not some sort of online scam.
Further, people love to hear from real customers rather than business representatives. Therefore, these testimonials will work like referrals, convincing your visitors that they can rely on your brand undoubtedly.
How to Add Testimonial to Your WordPress Website

Here starts the main tutorial part to design your testimonial page inside Elementor.
These are the pre-requisites to create your testimonial page:
- A WordPress Site
- Elementor (Free)
- HappyAddons (Free)
Let’s assume you have successfully configured your WordPress site and installed all the required plugins including Elementor & HappyAddons. If in case you are new to Elementor, check this Elementor guide to a quick start.
First, navigate to your WordPress Dashboard and click on Add New Page. Now add a title to your new page. After that, click on the blue button named “Edit with Elementor”. It’ll take you to the Elementor Interface right away
Once you get into the Editor, search for the Testimonial widget inside the side panel search bar. Then drag and drop the widget into the interface.

Now let’s start customize the design according to your preference.
Insert Image to Your Testimonial Page Design
Start personalizing your testimonial design by adding an image from the content tab. You have the full flexibility to specify the image size, position, and alignment. Also, you can define a custom size for your image too.

Inside Content Tab you will find the option to insert Name, Title, and Link as well.
Amplify the Outlook Using Style Tab
After customizing all the content from Content tab now let’s forward to the next step. From style tab you can-
- change text color & typography for testimonial description, name & designation
- modify the image size, define border type, radius, color and many more.

Apply Advanced Features to Your Testimonial Page Design
In the Advanced tab, you’ll get a bunch of customization options to adjust the margin, padding, position, and others. If you are familiar with CSS coding then you can include your own CSS Code snippet straight from there.
Explore More Design Tools with Happy Elementor Addons
You can do your testimonial page design more sophisticatedly using HappyAddons– a feature-rich Elementor addon. It also has a dedicated widget to design your testimonial page in a flash.
However, you’ll find a bunch of beautiful testimonial designs on HappyAddon’s official site. You can use any of these designs on your Elementor site simply copy-paste them. Just because HappyAddons provides you the flexibility to import pre-made designs on your website directly from a large number of HappyAddons demos.

Customize Your Testimonial Page Design with Extreme Ease
Make sure you have successfully installed HappyAddons on your Elementor site. Then activate it like any other WordPress plugins. This requires only a few seconds indeed. Now follow the following steps to design your testimonial section.
Step 1: Drag & Drop Testimonial Widget
First, open a section on your Elementor editor and then search for the Testimonial widget of HappyAddons. And include this element in your design.

After adding the widget, you’ll get an editing panel like the screenshot below:

Here you can add image, descriptions and also reviewer name & job title.

You can also edit images sizes, layout, alignment, and more from the editor panel as well.
Step 2: Design Your ‘Testimonial’ Section
Next, click on the Style tab and start customizing your design in your own way. Here you get the chance to modify everything that you want including border design, image representation, text color, typography, and many more.

Step 3: Give Your Design a Unique Touch
Now move forward and check the Advanced tab. This advanced section includes a bunch of outstanding features to take your design to the next level.

Here you’ll find Happy Features- that allows you to apply display condition on your Elementor widgets. Another amazing feature called Happy Effects. Using this feature you can create stunning animations for any Elementor widget. There is much more to explore.
Bonus: Beautify Your Page Design Using Testimonial Carousel (Pro)
Testimonial Carousel gives your design a unique look and makes it stand out of others by displaying the testimonials in a beautiful carousel. You can get this widget in the same way we have mentioned above. And then customize the design as per your requirement using available design tools on the editor panel.

You may also like to read: How To Improve Website Design Using Testimonial Carousel.
Website Testimonial Best Practices & Tips
A customer testimonial is simply an honest review for any business, service, or product. It is overwhelming in building trust in customers and improvement.
Suppose, you are making personal and business websites. Your customer may give a 5-star rating and a message describing why you are the best fit for them. That may influence your visitors to work with you. Also, they can suggest some improvement or their demand through reviews. That would be helpful to plan your next marketing strategy. Therefore, it’s a win-win situation for all!
Type of Website Testimonials

Customer testimonials can appear in many formats, the common patterns are:
Quotation: These testimonials often highlight why you are the best for them and what are the benefits you provide to your customers.
Peer review: Peer review often motivates potential clients about your doings. It manages more engagement with your target clients.
Personal Review: Personal reviews in social media that cost very little time by the user as feedback. The impact is too influencing than imagined. In this social media arena, people put reviews when they are happy with you and show their loyalty.
Influencer testimonial: If any social influencer gives a review, it is magical. The influencer testimonial itself is an advertising and quality proof for your service or product.
Interview: It is tricky. However, when you represent it as a story like the success story of your clients through an interview, it greatly increases your brand reputation. A simple storytelling video or small content can be enough.
Reference: Satisfied people refer to their community about your service or gives a message about the extent of their satisfaction. It impacts future clients. Recommendation influences people’s purchase.
Video testimonial: People only give this testimonial when they are overwhelmed and too much excited about what they get from you. Most people provide a testimonial for business and services related to travel and tourism industries like hotels, natural sites, see beaches, parks, etc.
Tips to Design an Outstanding Web Testimonial Page
- Allow the visitors to use filters in the testimonial pages
- Design the page as simple as possible to receive as many testimonials as possible
- Design to accept social media testimonials
- Use rating (like 5-stars) option for your service with writing options
- Include real images, logo, or people faces
- Use high-quality images
- Try to put the customer photo as good looking as possible
Design Your Testimonial Page in an Appealing Way
Making websites was a little bit complicated even a few years ago. But today it becomes so easy that you can do it all by yourself without hiring a developer. WordPress makes this happened- page builder like Elementor extends this concept more further. It lets you build your dream website in less than 10 minutes.
However, testimonials are proofs of your expertise that you do for your customers and the gratitude they show in return. That’s why its an essential part of your business website. Using Elementor you can design your testimonial page with extreme ease. Further, adding HappyAddons you’ll get full control over your design and acquire limitless design possibilities.
Start design your testimonial page right over there and let us know if you’re getting some confusion. Ask away in the comments!



![Black Friday and Cyber Monday are around the corner, and people are waiting for these festivals to grab the best product deals. That is why giving an attractive look to your website during this festive season is very necessary. But, creating a whole new landing page might be difficult in a short period of time. Don't worry. By using Happy Elementor Addons Black Friday and Cyber Monday Landing Page templates, you can easily develop a whole new landing page in a few minutes. In this today's blog, we are going to show how to boost your website design using HappyAddons templates during this festival season. Before that, we'll talk a bit about these two festivals and why they are important to online business communities. What are Black Friday and Cyber Monday? Black Friday is the immediate following of the famous Thanksgiving day. This is when people start shopping to celebrate the Christmas festival. Since the late 1980s, retail sales on this day have constantly been suppressing the past volumes. See the graph below. Source: Salecycle.com The first Monday following Thanksgiving day each year is called Cyber Monday. It was first introduced in 2005 by the USA National Retail Federation to encourage people to buy online. Though this festival originated in the USA, it is celebrated globally today. See the stats below. Source: Salecycle.com It indicates customers' buying behavior around this day is growing up over time. Many customers today keep a budget to buy products on these two days. So, why won’t you prepare a Cyber Monday landing page if you have an online store? Importance of Designing Landing Pages for Black Friday and Cyber Monday Festival Having a well-design website is one of the major checklists if you are running an online business. Most importantly, you have to make sure that your website remains up-to-date to boost your sales. That is why you need to redesign your website or make a new landing page during the Black Friday and Cyber Monday festivals. Because most online product & service-based businesses promote special deals during these two festivals. Here are some remarkable ways dedicated landing pages during these festivals can positively impact the performance of your online business. Boosts your product salesIncreases conversion rateOpportunity to collect potential email leadsGrabs users' attention toward your siteReduces bounce rateIncreases website visitors. Elementor Black Friday New Seasonal Kit is Already Here! Source: Elementor To make this Black Friday more enjoyable, Elementor has launched a New Seasonal Kit that includes landing pages, sections, pop-ups, and vector assets. All these design elements are made by the Elementor team so that one can easily use them on their website to ensure more sales and conversions. New Elementor Black Friday Seasonal Kit offers: 3 Landing pages6 Sections 6 Popups A collection of stickers & animations You can only get these ready-made Black Friday landing pages and sections if you have Installed Elementor Pro on your site. However, if you are looking for templates that are outside of the box, you can go with Happy Addons, the fastest Elementor Addons on the market. It's very easy to use, flexible and has tons of advanced features and widgets that can ease your website design journey. Also, you'll get several festival landing page templates & blocks. Moreover, you can use free Black Friday and Cyber Monday design blocks and templates to decorate your site. Most importantly, these templates and blocks are easy to customize and can be used for multiple purposes. Now let's see how you can use the Happy Addons templates to design your website according to the Black Friday theme. Pre-Requisites to Use HappyAddons Templates to Design Black Friday and Cyber Monday Landing Pages You must have the following plugins installed on your site to get access to the HappyAddons Template library. Make sure you’ve installed and activated the Happy Addons Free & Premium version of your website. Elementor (Free)Happy Addons (Free)Happy Addons Pro If you are new to Elementor, check this Step By Step Guide For Beginners. If you want to explore the readymade templates of HappyAddons before installing these plugins, you may visit by clicking on the button below. Check out Happy Addons Templates How to Design Black Friday Landing Page on Your Website Once you have the plugins (mentioned above) installed, your website is ready to follow the tutorial guide explained in this section. Get ready now! Step 1: Open a New Page with Elementor Create a new page or open the existing page with Elementor. Next, you have to select the Elementor Canvas option.Unless you select Elementor Canvas, you may watch the header, footer, and unnecessary other texts on the page. These might be irritating to you.Once you open the page with Elementor Canvas, your page will be completely clean. Watch the video below on how to do it. Step 02: Go to HappyAddons Library Click on the HappyAddons Library Icon. It will open up a modal popup. Here you'll find numerous stunning premade Blocks and Pages created by the Happy Addons team. Kindly explore them to create a list of your favorite items. Step 03: Import a HappyAddons Black Friday Template Go to the Page tab on the modal popup.Select Black Friday from the left-side filter option.You will several good-looking templates on your screen.Take your cursor on the one you like and hit on the INSERT button. Wait for a while to finish the installation process. You will get the template on your screen with editable sections and options. Step 04: Set the Black Friday Campaign Deadline A deadline creates a sense of urgency in customers' minds. So, better if you add a deadline section on the page to show your Black Friday deals. The good thing is that if you select the template as we did, you will automatically get a deadline or countdown option. You have to customize it as you want. Step 05: Show Image Carousel Slider on Your Black Friday Landing Page Using the Image Carousel, you can slide show demonstrating discounts on your product categories. Drag and drop the Image Carousel widget on any landing page section. Next, from the Elementor panel, you can add photos and text to the widget. Do it accordingly. Thus, you can add more sections and options on the landing page. Hope you can do it yourself. Step 06: Make the Black Friday Landing Page Mobile Responsive Making a web page mobile responsive with Elementor is super easy. You'll get the mobile responsive option on the Elementor footer section. Clicking on it will open up the option to view your landing page on different device screens. We have explained the process in the video below. Note: Don't delete any widget or section while customizing your landing page for any particular device. Because if you delete a widget or section on any device screen, it will also be applied on other devices. However, you may change their position or alignment or hide them. It won't make any impact on other devices. Step 07: Final Preview of Our Landing Page Here is the final interface of our Elementor Black Friday landing page that we've designed using the Happy Addons' ready-made Template. Get Happy Addons to Add a Black Friday Theme Landing Page on Your Website How to Design Cyber Monday Landing Page on Your Website You will require the same prerequisites (Elementor and HappyAddons Plugins) to design the Cyber Monday landing page on your website. Hope you have them ready on your website. Now, let's get into the tutorial part. Step 01: Import a Cyber Monday Readymade Landing Page Template Go to the HappyAddons Template library.Choose the Cyber Monday template you like.Click on the INSERT button. Wait for a while to finish the installation process. You'll get a page design like the following image below. Step 02: Edit Different Sections of the Page In the first tutorial, you saw the deadline/countdown option was already embedded in the template. But this template doesn't have it. So, you can bring it to your page? Very simple. Create a new section by clicking on the plus icon.Type Countdown on the Elementor search bar.Drag and drop the widget on the section. Customize the Countdown section from the Content and Style tabs of the Elementor panel. Using the Heading widget, we have added the FLASH DEALS text next to the countdown to make it more meaningful. Thus, you can use other exciting widgets on the template to make your landing page super gorgeous. Step 03: Promote Products on the Landing Page Promotional landing pages usually include a section to showcase some hot-selling products to generate instant sales. Using the Image and Button widgets, we have created this section under the FLASH DEALS.You may customize it more as you wish. Step 04: Make it Mobile Responsive We already showed you the process in the first tutorial on making a mobile web landing page responsive. Hope you can do it here as well, following the same guideline. Click on the Responsive Mode icon and do the rest yourself. Bonus: Black Friday and Cyber Monday Landing Page Design Key Considerations Whenever you design a landing page, you need to consider why you need to design this page and what elements they should keep on the page. Because if you are not adding all the necessary features to your page, it will not serve its purpose. This is why you need to focus on a few things before designing your Black Friday landing page. Here are some points you must consider in designing Black Friday and Cyber Monday landing pages. Add Black Friday textSet deals deadlineShow your best-discounted productsAdd coupon code Focus on responsive page designMake your page visually appealingImprove your page user experience or page structureSet a proper website navigation FAQ on Black Friday and Cyber Monday Landing Page Design Now, we'll answer some common questions on Black Friday and Cyber Monday Landing page designs commonly found online. How much does it cost to design a landing page?The cost of designing a landing page varies depending on the complexity of the design, the level of customization required, and whom to hire for the page. A simple landing page can be designed for as little as $25, while a more complex design with multiple customizations can cost upwards of $2,00.However, if you have Elementor and HappyAddons installed, you can design unlimited landing pages at a minimal cost. But like any other tool, you must have a kind of enterprise on them. As they are drag-and-drop builders and their numerous tutorials and documentation are available, they won't take you more than a month to be used to. Check out some wonderful YouTube tutorials on these two plugins. Hope you will enjoy them.How many hours does it take to design a landing page?It mainly depends on the level of design complexity and your web design skill. However, both in Elementor and HappyAddons, you will get countless readymade templates and block sections. You can design a beautiful landing page in 3-5 hours by making a proper combination of them.Can I design Black Friday and Cyber Monday Landing pages with Elementor and HappyAddons free versions?Surely, you can design Black Friday and Cyber Monday Landing pages with Elementor and HappyAddons free versions. But only with the pro versions, you can't add too many exciting features to your pages. For example, free versions will give you access to only a limited number of readymade templates.If you are just a beginner-level designer, free versions are enough. But if you are a professional designer or have a web designing agency, pro versions are a must. Are You Ready To Design Your Black Friday and Cyber Monday Landing Page? Customers look forward to this kind of occasion to buy their favorite products at a minimum price. Naturally, they are drawn to websites that look good and give a festive vibe. That is why adding a Black Friday and Cyber Monday landing page during the festival season will give you an extra edge over the competitors. The above guide shows how to design your Elementor Black Friday Landing page using the Happy Addons' Black Friday Templates and how it can help boost your holiday sales. So if you have any queries regarding this blog, you can comment on us in the below box. If you like this post, then share it on your social channel. Don't forget to subscribe to our newsletter. Also, follow our Facebook and Twitter channels for regular updates. Subscribe to our newsletter Get latest news & updates on Elementor [yikes-mailchimp form="1"] ":36560} /--](https://happyaddons.com/wp-content/uploads/2021/11/How-to-Design-Black-Friday-and-Cyber-Monday-Landing-Page-300x188.png)

3 Responses
Is there a way I can ad 5 stars to the testimonial slider testimonies?
Hello Michelle,
Thanks for stopping by. You can add 5 star rating in our review widget, here is the SS: https://ibb.co/Hp5ys92.
Unfortunately we don’t have rating system in testimonial widget. But our review widget is close to testimonial widget with star rating.
Regards,
Gobinda,
Team HappyAddons.