Read More Toggle Tutorial

Christopher Ayers

March 24, 2019
, 5:00 pm
, Tips

A lot of times we need to make our posts pretty long but to save space on mobile phones, a read more toggle can be very useful. By using ACF (Automatic Custom Fields), an Elementor template, and an Elementor Toggle widget, we can now add more content to our posts. You can see how to achieve this by “Reading More” below.

HIT THAT BIG READ MORE!

#1 Create An ACF Field

Create a single WSIWYG field in ACF and name it Read More

#2 Create A New Template

Create a new Elementor Template and add a text editor widget. From the dynamic options, choose our ACF field. Save your template.

#3 Copy The Template Shortcode

Copy the short code of your new dynamic template.

#4 Edit Single Post Template And Add A Toggle Widget

At the bottom of your single post template, add a Toggle widget. Insert the short code of the ACF template.

#5 Create A New Blog Post

Create a new blog post and fill out the new ACF at the bottom of your post. Publish your post.

#6 Your Post Will Now Toggle Your Read More Content

#7 This Tutorial Is Now Complete. Please Hit The Like Button and Share It.

Getting Stuck?

We Can Help You

if you are having trouble with Wordpress or Elementor, we do our best to help. We can walk you through an issue via email, phone, or TeamViewer.

We can also create Elementor templates for sections or pages to help you achieve a look or style you need. These can be easily exported/imported to your website via JSON files.

Hourly Rates Will Apply.