# FAQ Element in Email Builder

> The FAQ Element allows you to add structured question-and-answer sections inside your email templates. It’s designed to help you address common customer…

- Source: https://docs.ghlcustomercare.com/docs/marketing/email-builder-capabilities/faq-element-in-email-builder
- Section: Marketing / Email Builder Capabilities
- Reading time: 2 min
- Images: 4, each explained below

---
The FAQ Element allows you to add structured question-and-answer sections inside your email templates. It’s designed to help you address common customer queries directly in your emails, improving clarity, reducing follow-up questions, and creating a more informative reader experience.

---

**TABLE OF CONTENTS**

-   [What is the FAQ Element in Email Builder?](#what-is-the-faq-element-in-email-builder)
-   [Key Benefits of the FAQ Element](#key-benefits-of-the-faq-element)
-   [How To Setup the FAQ Element](#how-to-setup-the-faq-element)
-   [Frequently Asked Questions](#frequently-asked-questions)

---

## **What is the FAQ Element in Email Builder?**

The FAQ Element is a drag-and-drop block that lets you organise content in a simple Q&A format. It’s perfect for newsletters, onboarding sequences, product updates, or promotional emails where you want to proactively answer common questions.

Each FAQ item typically includes a question title and a collapsible answer section, allowing recipients to scan for relevant information quickly while keeping your email layout clean and easy to read.

> **Note:** Interaction is dependent on the mail client the email is opened in. Example: Some versions of outlook might prevent the interactivity, in which case we simply keep it expanded (static) at all times.

---

## **Key Benefits of the FAQ Element**

Using the FAQ Element in your email design provides several advantages:

-   Helps readers find important information quickly.
    
-   Reduces customer support queries by addressing common concerns.
    
-   Keeps your email organised with a structured Q&A layout.
    
-   Easy to customise change colours, fonts, and spacing for a branded look.
    
-   Fully responsive and optimised for both desktop and mobile devices.
    

---

## **How To Setup the FAQ Element**

Follow these steps to add and configure the FAQ Element in your email template:

1.  Navigate to **Marketing → Emails → Templates** from your sub-account dashboard.
    
    
![Step 1 of 8: Navigate to Marketing → Emails → Templates from your sub-account…](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155057300070/original/fz3dXUieIEk2GvWdxH_U1OK86GoCDAIvuA.png)

**Step 1 of 8: Navigate to Marketing → Emails → Templates from your sub-account…**

This screenshot accompanies step 1 of 8 in the "How To Setup the FAQ Element" section of "FAQ Element in Email Builder". At this point in the walkthrough you navigate to Marketing → Emails → Templates from your sub-account dashboard. The next step is to open an existing template or click the + New button to create one.
- Where to go: Navigate to Marketing → Emails → Templates from your sub-account dashboard.
- Controls: Marketing → Emails → Templates, + New, Email Builder, Add Elements (+), FAQ Element, Elements, Edit, Visibility, Device-Based Visibility, Conditional Sending, desktop, mobile
- Next: Open an existing template or click the + New button to create one.

Full procedure:

1. Navigate to Marketing → Emails → Templates from your sub-account dashboard.  <- this image
2. Open an existing template or click the + New button to create one.
3. In the Email Builder, click the Add Elements (+) icon in the left sidebar.
4. Locate the FAQ Element under the Elements section.
5. Drag and drop the FAQ Element into your desired section of the email layout.
6. Click on the FAQ Element to open the Edit tab on the left panel. Here you can:
7. (Optional) Use the Visibility tab to manage Device-Based Visibility or Conditional Sending rules.
8. Preview your email on both desktop and mobile to ensure the layout looks clean and balanced.

    
2.  Open an existing template or click the **\+ New** button to create one.
    
    
![Step 2 of 8: Open an existing template or click the + New button to create one](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155057300121/original/4vZhT9LRyIQ5UGBlwaR4WQJyNT0-nSeeSg.jpeg)

**Step 2 of 8: Open an existing template or click the + New button to create one**

This screenshot accompanies step 2 of 8 in the "How To Setup the FAQ Element" section of "FAQ Element in Email Builder". At this point in the walkthrough you open an existing template or click the + New button to create one. The next step is to in the Email Builder, click the Add Elements (+) icon in the left sidebar.
- Where to go: Open an existing template or click the + New button to create one.
- Controls: + New, Marketing → Emails → Templates, Email Builder, Add Elements (+), FAQ Element, Elements, Edit, Visibility, Device-Based Visibility, Conditional Sending, desktop, mobile
- Next: In the Email Builder, click the Add Elements (+) icon in the left sidebar.

Full procedure:

1. Navigate to Marketing → Emails → Templates from your sub-account dashboard.
2. Open an existing template or click the + New button to create one.  <- this image
3. In the Email Builder, click the Add Elements (+) icon in the left sidebar.
4. Locate the FAQ Element under the Elements section.
5. Drag and drop the FAQ Element into your desired section of the email layout.
6. Click on the FAQ Element to open the Edit tab on the left panel. Here you can:
7. (Optional) Use the Visibility tab to manage Device-Based Visibility or Conditional Sending rules.
8. Preview your email on both desktop and mobile to ensure the layout looks clean and balanced.

    
3.  In the **Email Builder**, click the **Add Elements (+)** icon in the left sidebar.
    
    
![Step 3 of 8: In the Email Builder, click the Add Elements (+) icon in the left…](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155057300328/original/7FPAOff0YF9BYL6vbx8RmzCTq25Zocmv1A.png)

**Step 3 of 8: In the Email Builder, click the Add Elements (+) icon in the left…**

This screenshot accompanies step 3 of 8 in the "How To Setup the FAQ Element" section of "FAQ Element in Email Builder". At this point in the walkthrough you in the Email Builder, click the Add Elements (+) icon in the left sidebar. The next step is to locate the FAQ Element under the Elements section.
- Where to go: In the Email Builder, click the Add Elements (+) icon in the left sidebar.
- Controls: Email Builder, Add Elements (+), Marketing → Emails → Templates, + New, FAQ Element, Elements, Edit, Visibility, Device-Based Visibility, Conditional Sending, desktop, mobile
- Next: Locate the FAQ Element under the Elements section.

Full procedure:

1. Navigate to Marketing → Emails → Templates from your sub-account dashboard.
2. Open an existing template or click the + New button to create one.
3. In the Email Builder, click the Add Elements (+) icon in the left sidebar.  <- this image
4. Locate the FAQ Element under the Elements section.
5. Drag and drop the FAQ Element into your desired section of the email layout.
6. Click on the FAQ Element to open the Edit tab on the left panel. Here you can:
7. (Optional) Use the Visibility tab to manage Device-Based Visibility or Conditional Sending rules.
8. Preview your email on both desktop and mobile to ensure the layout looks clean and balanced.

    
4.  Locate the **FAQ Element** under the **Elements** section.
    
5.  Drag and drop the FAQ Element into your desired section of the email layout.
    
6.  Click on the **FAQ Element** to open the **Edit** tab on the left panel. Here you can:
    
    -   **Add Questions and Answers:** Type or paste your questions and answers directly.
        
    -   **Edit Formatting:** Use the text toolbar to style your questions (bold, colour, or size).
        
    -   **Adjust Layout:** Modify padding, spacing, and alignment between FAQ items.
        
        
![Step 3 of 3: Adjust Layout: Modify padding, spacing, and alignment between FAQ items](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155057300648/original/eLL-rKU6dEIkToR-FXEqjLoqNCm_13IOOg.png)

**Step 3 of 3: Adjust Layout: Modify padding, spacing, and alignment between FAQ items**

This screenshot accompanies step 3 of 3 in the "How To Setup the FAQ Element" section of "FAQ Element in Email Builder". At this point in the walkthrough you adjust Layout: Modify padding, spacing, and alignment between FAQ items.
- What this covers: Adjust Layout: Modify padding, spacing, and alignment between FAQ items.
- Controls: Marketing → Emails → Templates, + New, Email Builder, Add Elements (+), FAQ Element, Elements, Edit, Visibility, Device-Based Visibility, Conditional Sending, desktop, mobile

Full procedure:

1. Add Questions and Answers: Type or paste your questions and answers directly.
2. Edit Formatting: Use the text toolbar to style your questions (bold, colour, or size).
3. Adjust Layout: Modify padding, spacing, and alignment between FAQ items.  <- this image

        
7.  (Optional) Use the **Visibility** tab to manage **Device-Based Visibility** or **Conditional Sending** rules.
    
8.  Preview your email on both **desktop** and **mobile** to ensure the layout looks clean and balanced.
    

---

## **Frequently Asked Questions**

**Q: How many questions can I add in one FAQ section?**

There’s no strict limit, but 3–6 questions per section is ideal for readability. For longer lists, consider splitting FAQs across multiple emails.

**Q: Can I style each question differently?**

Yes, you can format individual questions and answers using the inline text editor adjusting font size, weight, and color for better emphasis.

**Q: Will the FAQ Element adjust for mobile viewing?**

Yes, it’s fully responsive and automatically adjusts text wrapping, spacing, and padding for smaller screens.

**Q: Can I reuse my FAQ block in other email templates?**

Yes, you can duplicate or save the FAQ block as a reusable section to maintain consistency across campaigns.

---

Documentation for GHL Customer Care. Support: support@ghlcustomercare.com