This document aims to alleviate the difficulties faced by domestic users learning Framer due to a lack of Korean resources. We've translated content from the official blog and added practical information to assist you in using Framer. We hope it helps you in a small way.

Accordion components are often used in Frequently Asked Questions (FAQs) or step-by-step guide pages. This guide will help you integrate links into the answer fields of accordion components for project use.

Updating the Accordion Component

1. Remove the Existing Answer Field

Before adding links to the accordion component, you must first delete the existing Answer variable.

• Click Variables inside the accordion component

• Right-click the Answer field and select Remove

Note: The Remove option is in the dropdown menu.

2. Add Formatted Text Field

Now it's time to add a new Formatted Text field that can include links.

• Add Formatted Text in place of the deleted field and name it 'Answer'

3. Reassign the Answer Variable

Now link the newly created Formatted Text to the actual 'Answer' variable.

• Select the Answer layer in the left panel

• Click the + icon next to Content in the right panel

• Select 'Answer' from Set Variable

Editing the Accordion Component

4. Adding Links to the Accordion

Now, with the component linked to the new field and variable, you can insert links within the answer content.

• Click 'Answer' in the right panel to open the Formatted Text editor

• From there, you can add links or apply various formats to the text as you like

If you followed the steps above but the links do not appear or cannot be edited, you can contact the support team through Framer's Contact page.

This article is a translated and adapted version of Framer's official blog post 'How to add links inside the accordion component'.