help center

On this page

Elementor integration with Toolset

Last Update: January 14, 2024

Why use Elementor with Toolset

Toolset brings limitless possibilities for adding extra data to WordPress content by creating custom fields. Elementor allows you to dynamically insert the Toolset custom field data directly into your Elementor designs with all the styling options you’ve come to expect from Elementor.

How To Add Toolset Custom Fields To A Single Post Template

  1. Go to Templates > Theme Builder > Single > Add New
  2. Choose Template Type > Single. Name your template and click Create Template
  3. Click on the Document Settings gear icon WJUV64FqiMEhZuGlfoHRPXJ3ZPY Elementor integration with Toolset 1 located at the bottom left of the panel
  4. Click the Preview Settings tab
  5. Under Preview Dynamic Content select the post type you wish to preview
  6. Drag a widget that makes use of dynamic content (e.g. Text widget)
  7. Click on the Dynamic icon sC07aD82RGEVX7Q5Ot dj7AgWwiyIRfq1o 4VWZ8EV MDIK FkV i7ixgYvK2nhXAAil8AR9xR3y8XVEU 3WCkQ Elementor integration with Toolset 3
  8. Choose Toolset Field
  9. Once selected, click again on Toolset Field
  10. In Settings > Key, select the custom field you want to display.
  11. The options in the Advanced tab are optional. Options include:
    Before: Text to automatically appear before the custom field data
    Fallback: Text to display if custom field has no data
    After: Text to automatically appear after the custom field data
  12. Style the custom field widget as you would normally, using the widget’s Style tab.

Custom Toolset fields we support:

Note: Any Toolset fields not included in this list are not supported at this time





Date: date

image: image:single

gallery: image:multiple

Example of use

Team Members

A corporate website may want to display a list of team members. Toolset could be used to set up several custom fields, including Job Title, Email Address, and Telephone Number. Toolset makes it easy to add this data to each team member’s listing, while Elementor brings the magic needed to beautifully display the data on the front end.

johndoe team Elementor integration with Toolset 5

Real Estate Listings

Real estate websites commonly need to use custom fields to allow them to display real estate listings, which must display data such as Number of Bedrooms, Number of Baths, Size of Home, and Price. With Elementor’s integration with Toolset, this data can be stylishly displayed on each listing, with no coding required.

realestatelisting Elementor integration with Toolset 7

Have more questions? We’re more than happy to assist.

Link is copied to clipboard!
On this page

Is this article helpful?

Share this article