You don't have access to this class

Keep learning! Join and start boosting your career

Aprovecha el precio especial y haz tu profesión a prueba de IA

Antes: $249

Currency
$209
Suscríbete

Termina en:

0 Días
3 Hrs
20 Min
32 Seg

Construyendo la sección de "Testimonios"

17/21
Resources

How to add a testimonial section to your web project?

Incorporating a testimonial section in your web project is crucial to strengthen social proof and build trust in your products or services. Through this article, I will guide you through the process of designing a testimonial section using tools like CAR, taking advantage of the styles and settings documented in Notion.

What is the basic structure of the project?

Before we dive into the design of the testimonial section, it is essential that your project has some complete pre-sections. By including:

  • Above the Fold: An initial attraction.
  • Below the Fold: Detailed product features across multiple strips.
    • Centralized video and text.
    • Highlighted text.
    • Descriptive images accompanied by textual descriptions.

How to create the testimonial style?

To start this task, create a new container where the testimonial section will be placed. Here are the essential steps:

  1. Set a new container: In CAR, add a specific container for testimonials.
  2. Apply a gradient: Instead of a flat color, opt for a Gradient to add visual dynamism. Select two colors from your Notion document.
  3. Adjust the angle: Set an angle of 180 degrees for a unique effect.

How to design the testimonial text?

Once the container is ready and the predefined style is applied, the next step is to add text to the testimonial:

  • Add fresh text: Insert the testimonial text from your document in Notion.
  • Apply the testimonial style: Make sure the text contrasts well by applying the specific style you have developed for testimonials.
  • Italic text: To add emphasis, convert some of the text to italic mode by inserting a star (*) on either side of the desired text.

Tips for creating effective testimonials

To maximize the impact of testimonials on your website:

  • Authenticity: Use real testimonials to ensure authenticity.
  • Variety: Include different types of experiences to capture a wide range of perspectives.
  • Regular updates: Review and update testimonials to keep them relevant.

The well-structured design of a testimonial section not only beautifies the appearance of your project, but also builds credibility and trust among your target audience. I encourage you to adopt these techniques and share your results in the comments, thus strengthening the learning community. In our next class, we will address the design of a pricing section, a key piece for the effective sale of your products or services. Keep exploring and learning with enthusiasm!

Contributions 8

Questions 0

Sort by:

Want to see more contributions, questions and answers from the community?

Excelente curso, me gusto bastante ya que se ahorra mucho trabajo creando una pagina web desde cero con estilos de CSS

La verdad muy sencillas las herramientas, genial tener estas posibilidades para hacer landings sin saber código

Genial, me gusto mucho esta clase.

Gracias!

Gracias

Genial

![](

Me encanto el ahorro de tiempo