RowSprout in Elementor

You can design a RowSprout template entirely in Elementor. Its properties, rows and save action are all available inside the Elementor editor, so you don’t have to switch back to the WordPress screen. To place a row’s values in the design, you have three tools:

• Placeholder tokens such as @code_town_123@, typed in any text. RowSprout replaces them when it generates the page.
• Widgets that each show one property, picked from a dropdown.
• Dynamic tags (RowSprout Pro) that fill a setting of any Elementor widget, such as a link or a caption, with a row’s value.

These pages use the plumber example from Your first pages: a template with the properties Title, URL, Town, Introduction and Contact email, and a row per town.

Set up ElementorTurn Elementor on for templates, and find the RowSprout tab, the save action and the preview group.

Placeholders in textPut a row's value in the middle of a sentence with the Insert RowSprout property button.

Widgets

The widgets are in two groups in Elementor’s widget panel. The RowSprout group shows the current page’s own values, so it only appears while you edit a template or a generated page. The RowSprout pages group holds the Grid, which works on any page of your site.

HeadingA Text field property as a heading.

TextareaA Textarea property as a paragraph, with its line breaks.

ButtonA button that links to a URL, email address or phone number from the row.

GridA list or cards of every page of a template, on any page.

Thumbnail (Pro)The page's featured image, set per row.

Date (Pro)A Date or Date and time property, in the format you choose.

Item List (Pro)An Item list property as a list in two columns.

Sibling Links (Pro)Links to the other templates' pages for the same row.

Dynamic tags

RowSprout Pro adds two dynamic tags, which work in the settings of any Elementor widget that supports dynamic tags.

Page Field (Pro)Fill a text or link setting with a property's value.

Page Link (Pro)Link to another template's page for the same row.

Tips

Reloading the editor, styling and multi-line values: see Tips.