Themofy Addons for Elementor

Only the name and the new features. Your dynamic tags, your designs and the tags you switched off are kept. The tag settings moved from Settings → Themofy Dynamic Tags to Themofy Addons → Dynamic Tags. The new Theme Builder and widgets change nothing on your site until you use them.

Go to Themofy Addons → Custom Fonts, click Add New Font, name it and upload its files for each weight and style (WOFF2 is best; WOFF, TTF and OTF work too). The font then appears under Custom Fonts in every Elementor typography control, including Site Settings. Visitors download a font file only on pages that use it.

Yes. Go to Themofy Addons → Custom Fonts → Import Google Fonts, pick a font and the styles you need, and click Import. The files are downloaded once to your Media Library, and the font appears under Custom Fonts in Elementor. Pages then load it from your own site, so no visitor data is sent to Google. Importing needs WordPress 6.5 or newer.

Choose a Layout: Grid (with an optional pattern), Masonry, Justified Rows or Free Canvas. In a grid, give any item a Size under Items → Placement, or drag the purple handle on its corner in the editor. On the Free Canvas, drag items to place them and drag the corner to resize them. Sizes are set per device, and an item is never wider than the gallery.

Add the Animated Progress widget anywhere on the page (or in your header template) and set Mode to Page Reading Progress. It sticks to the top or bottom of the screen and fills as visitors read.

No. Everything works with the free version of Elementor. If Elementor Pro is active too, its own tags are listed as well; you can switch off duplicates under Themofy Addons → Dynamic Tags.

Yes. Every widget, tag, style and script has its own Themofy name, so nothing is replaced or restyled by the other plugin, and you can use their widgets and ours on the same page. If another plugin's header and footer builder also has a header or footer for a page, the Themofy template is used on the pages where it applies (so the page never gets two headers), and theirs everywhere else. Our templates don't apply to the templates of other builders while you edit them.

In the Heading widget, wrap the words in double braces: Grow your {{business}} today. Style them under Style → Focused Text and pick an effect under Focused Text Effect. You can mark several parts of one heading.

To the addresses you set under Actions After Submit → Email, and (with "Save to Submissions") to Themofy Addons → Submissions. If emails don't arrive, your site probably can't send email yet: an SMTP plugin fixes that. Saved submissions are kept either way.

Add it to a page and set that page as the Checkout page under WooCommerce → Settings → Advanced, so "Proceed to checkout" buttons and the order confirmation lead there. In the editor the checkout shows a sample product when your cart is empty.

In the Checkout widget, open Steps and switch on Two-Step Checkout. Customers see their details first and continue to payment once the required fields are filled in. If WooCommerce finds a problem with a detail when the order is placed, the customer is taken back to the details step. Choose Show in the Editor to design either step.

Open the field in the list. In the Checkout widget, its Layout tab has Width; in the Form widget, it's Column Width. Pick a preset, or Custom for a width of your own, and switch the device icon to set a different width on tablets and phones.

Only the file types you allow are accepted, files are checked by their content, renamed to random names and stored in wp-content/uploads/themofy-forms/, where scripts can't run.

Go to Themofy Addons → Widgets, switch off the widgets you don't use and click Save Changes. They disappear from the Elementor panel and nothing of theirs loads on your site. Pages that already use a widget you turn off will no longer show it.

Go to Themofy Addons → Theme Builder, add a template of the type Single Product, choose where it applies (all products, or some), publish it and click Edit with Elementor. Add the product widgets from the Themofy Addons group. The editor shows one of your products while you design.

Like in Elementor Pro, widgets that show a part of the current post or product appear only in the templates where they work: post widgets in Single templates, product widgets in Single Product templates. Create the template in Themofy Addons → Theme Builder and edit it with Elementor to find them. To show products on a normal page, use Advanced Product Grid (set Show to Hand-picked Products for specific ones); for posts, use Blog Posts.

Hero (centered text), Fullscreen with Ken Burns zoom, Minimal with left text, Split (text with an image), Floating Card, Bold Promo, Card Carousel and Coverflow Gallery. A template sets the layout, look and motion; any effect, pagination or spacing you choose yourself replaces the template's, and the Style tab changes the rest.

In the Testimonials widget, open Structure and switch on Customize the Structure. Click Start From: The Template's Structure to begin with the parts of the chosen template, then drag the parts in the list to reorder them. Add Group: Start and Group: End around parts to put them in a row or a column, and open any part to set its alignment, width, spacing or a free position on the card (for example a photo in a corner).

That group holds the widgets made for what you are editing, such as the product widgets in a Single Product template or the site widgets in a header. All other Themofy widgets are in the Themofy Addons group, as before.

Yes. In Blog Posts, Related Posts, Advanced Product Grid, Products Archive and Related Products, choose a Design under the layout settings. Every design is a starting point: the Style tab controls change any part of it, including the image width, height, fit and alignment, the image frame, the card padding and the content padding. Choose Plain (theme styles) to use only your theme's styles.

Check that the template is published, has been designed with Elementor (the templates list says "Not designed yet" otherwise) and has a display condition that matches the page.

The most specific condition wins: a specific post beats "All Posts", which beats "All Singular", which beats "Entire Site". If two templates are equally specific, the newest one is used. Exclusions always win.

Add the Post Content widget where the article should go. For blog and category pages, use the Blog Posts widget and set Posts to Posts of the Current Page.

Yes. Create a template of the type Section and paste its shortcode, shown in the templates list, into any page — for example with Elementor's Shortcode widget.

No. For security, template output is filtered with WordPress's wp_kses(), which removes <script> and <style> tags. Style your templates with Elementor's controls, and add tracking or chat scripts with a dedicated plugin. The post content itself is printed by WordPress unchanged. Developers can adjust the allowed HTML with the themofy_tb_allowed_html filter.

The editor previews tags against the page you are editing. Archive tags only have a value on archive pages, User tags only for logged-in visitors, and Custom Field tags only when the field has a value on that page.

Use the tags in the ACF group and pick the field from the list. A field group key (it starts with group_) is not a field and never has a value. The field also needs a value on the post being shown; otherwise the tag is empty or shows its Fallback (under Advanced).

Keys that look like passwords, tokens, secrets, sessions or capabilities are always blocked so they cannot be printed on a public page. The "ACF Options Page" source only reads ACF options fields (options_{field_name}), never arbitrary site options. Developers can adjust the block list with the themofy_dt_is_sensitive_meta_key filter.

Yes. The tag loads WooCommerce's cart fragments script, which refreshes the count, subtotal and total after an AJAX add-to-cart and when a cached page is loaded.

Variable and grouped products need options chosen first, so the link goes to the product page instead. External products link to their external URL. Out-of-stock products link to the product page.

Shortcode output is limited to the HTML allowed in post content. Developers can allow more tags (such as form, input or iframe) with the themofy_dt_shortcode_allowed_html filter.

Create a class that extends \Elementor\Core\DynamicTags\Tag (text output) or \Elementor\Core\DynamicTags\Data_Tag (URLs, images, galleries) and add its class name through the themofy_dt_tag_classes filter. Use one of the plugin's groups, e.g. \ThemofyAddons\DynamicTags\Plugin::GROUP_SITE. Tags written for 1.x with \ThemofyDynamicTags\… class names keep working.