How can we help?

Introduction: In this guide, we'll walk you through the process of setting up the favoriting component using Superfields CMS.

Enhance user engagement on your blog by allowing them to favourite articles.

Step 1: Copying the CMS Favoriting Component

• Navigate to the Superfields dashboard.

• Copy the CMS favoriting component.

• Paste it into your project for use.

Step 2: Connecting the Collection List

• Connect the collection list with the handle on the side.

• Click "connect to collection list"

Step 3: Adding the Favourite Button to Collection List Item

• Copy the favourite button from the dashboard.

• Paste it into a collection list item, positioning it as desired.

• Make sure that it is separate from a component link. Otherwise, it might not work as expected.

Step 4: Configuring CMS Collection Name and Slug Field

• Navigate to the right framer panell

• Change the CMS collection name to match your collection list name (example "blog").

• Set the "slug field name" to the appropriate field name (usually "slug").

• Ensure that the collection list name matches the one set on the CMS favoriting component (don't misspell anything)

Step 5: Adding the Filter Component

• Copy the favourite filter component.

• Match the "ID" to the one set in the CMS favoriting component.

• Choose the filter type: Toggle, Checkbox, Dropdown, or Button Group.

Step 6: Handling Empty State

• If there's a chance of an empty state, create a frame and add text like "Nothing here."

• Connect it to the empty state property to display a message when there are no favourite items.

Step 7: Adding Favoriting to Detail Pages

• Add a detail page and insert the favoriting component.

• Change the location to "Detail Page" instead of "Collection List."

• Reconnect the slug variable to enable favouriting on detail pages.

Step 8: Preview and Publish

• While previewing might not show favorited items, rest assured that the functionality will work when you publish the site.

Conclusion: Congratulations! You've successfully set up favoriting with Superfields CMS. Test your favoriting feature, preview your changes, and witness the enhanced engagement on your blog. Feel free to customise further based on your project's unique requirements.