內容簡介
Themofy Addons for Elementor 是一款輕量級的外掛，為免費版的 Elementor 提供了多項 Pro 功能，讓使用者能夠設計主題、表單及 WooCommerce 結帳頁面，並提升網站的功能性與美觀。
【主要功能】
• 主題建構器：設計標頭、頁腳及文章頁面
• 表單建構器：建立聯絡、報價及多步驟表單
• WooCommerce 結帳建構器：自訂結帳欄位與佈局
• 50 種小工具：包含表單、結帳及多種通用小工具
• 自訂字型：上傳並選擇自訂字型
• 動態標籤：填充小工具欄位以顯示即時資料
外掛標籤
開發者團隊
② 後台搜尋「Themofy Addons for Elementor」→ 直接安裝（推薦）
原文外掛簡介
Themofy Addons brings Elementor Pro features to the free version of Elementor, in one lightweight plugin:
Theme Builder — design your header, footer, blog posts, archives, shop, product pages and 404 page with Elementor, and choose where each one appears.
Form Builder — contact, quote, booking and multi-step forms with conditional fields, file uploads, emails, saved submissions and spam protection.
WooCommerce Checkout Builder — one or two columns or a two-step checkout, reorder, rename and hide fields, set their widths per device, and add your own fields to orders.
50 widgets — Form and Checkout, 10 general widgets (Heading, Creative Button, Icon List, Accordion, Category Grid, Advanced Slider, Testimonials, Creative Gallery, Animated Progress, Timeline), 12 blog widgets, 21 more WooCommerce widgets and 5 site widgets, each with full style controls.
Custom Fonts — upload your own fonts and pick them in every Elementor typography control.
Dynamic Tags — fill any widget field with live site data: post titles, featured images, custom fields, ACF fields, WooCommerce prices and more.
Turn each widget on or off under Themofy Addons → Widgets. Widgets you turn off are not loaded at all, so your site stays fast.
In the Elementor panel, the widgets made for what you are editing come first, in a group of their own: product widgets in a Single Product template, post widgets in a Single template, site widgets in a header or footer, the Checkout widget on your checkout page. The plugin’s widgets carry the Themofy mark, in the panel and in the Structure (navigator).
Formerly Themofy Dynamic Tags for Elementor. Version 2.0 adds the Theme Builder and the widgets; your dynamic tags, designs and settings are unchanged.
Theme Builder
Create a template, design it in Elementor, and pick where it appears with display conditions — no coding needed.
Templates you can build
Header and Footer — replace your theme’s header and footer on the whole site or on selected pages.
Single Post / Page — the layout of blog posts, pages or any custom post type.
Archive — blog, category, tag, author, date and search result pages.
Single Product and Product Archive (Shop) — your WooCommerce product pages, shop and product categories.
404 Page — a custom “page not found” page.
Section — a reusable block you place anywhere with a shortcode.
Display conditions
Show each template exactly where you want: the entire site, all archives, the blog page, search results, a category (or specific categories), an author, all posts, all pages, specific posts or pages, posts in a category, posts by an author, the front page or the 404 page — and exclude any of them. When several templates fit a page, the most specific one is used.
Build headers and footers with the Site widgets (Site Logo, Site Title, Nav Menu with dropdowns and a mobile menu button, Search Form, Copyright), blog posts and archives with the Blog widgets, and product pages and the shop with the WooCommerce widgets below. While you design a single post or product template, the editor shows one of your real posts or products.
As in Elementor Pro, post widgets appear in Single templates and product widgets in Single Product templates; site widgets, Blog Posts, Product Grid, Breadcrumb and Cart Icon work everywhere. Works with classic themes (Hello Elementor, Astra, GeneratePress, OceanWP…) and block themes (Twenty Twenty-Five).
Form Builder
The Form widget builds any form with full style controls for labels, fields, checkboxes, buttons, steps and messages.
17 field types: text, email, textarea, phone, URL, number, date, time, drop-down (single or multiple), radio buttons, checkboxes, acceptance, password, file upload, hidden, HTML text and steps. Each field has a column width per device, placeholder, default value, help text and its own ID.
Multi-step forms with a progress bar or numbered steps with titles; each step is checked before moving on.
Conditional fields: show a field only when another field is, is not, contains, is empty or is not empty.
File uploads with allowed types, size and number of files. Files are stored with random names in a folder that can’t run scripts.
Actions after submit: save to Themofy Addons → Submissions, email, confirmation email to the visitor, redirect and webhook (Zapier, Make, n8n…). Emails use merge tags such as [field id="email"] and [all-fields], with From, Reply-To, Cc and Bcc.
Submissions page: list, search, filter by form, read / unread, delete and CSV export. Submissions are included in WordPress’s personal data export and erase tools.
Spam protection without third-party services: honeypot, minimum time before sending and an optional math question.
Secure by design: the form’s settings are always read from the saved page, every value is checked on the server, and values are escaped in emails.
WooCommerce Checkout Builder
The Checkout widget shows WooCommerce’s own checkout, so payment gateways, coupons, shipping and order emails keep working, in a layout you design.
Layouts: order summary on the right, left, above or below, sticky if you like. The layout uses its own grid, so theme styles can’t break it.
Two-step checkout (optional): details first (checked before moving on), then payment with a summary of the details. Numbers, breadcrumb or progress bar as the step indicator.
Payment methods in the order summary or below the customer details.
Field editor for billing, shipping and additional fields: drag to reorder, change labels and placeholders, add default values and help texts, make fields required or optional, hide them, and set each field’s width per device (100%, 75%, 66%, 50%, 33%, 25% or a custom width).
Custom checkout fields (text, textarea, drop-down, radio, checkbox, email, phone, number, date) saved on the order and shown in the order screen, WooCommerce emails and the customer’s order details.
Order summary: product images with quantity badges, an “Edit cart” link and a coupon field right in the summary (or WooCommerce’s coupon link above the checkout), and your own texts for the headings and the Place Order button.
Style everything: columns, the billing, shipping, additional and payment sections, headings, labels, help texts, fields (including the country and state drop-downs), steps, order summary table, payment methods, Place Order button, notices and the coupon and login forms.
General widgets
Building blocks for any page, each with full style controls.
Heading — write words in double braces, like Build pages that {{stand out}}, to style them on their own: color or gradient text, highlight background, border and padding. Ready-made effects for those words: underline, highlighter marker, hand-drawn circle, curly line, double line, zigzag, strikethrough and wavy underline, drawn in when the heading scrolls into view. Optional sub title (plain, with lines or as a pill), description and separator.
Creative Button — 13 ready-made hover effects: fill from left, fill from bottom, shutter, diagonal sweep, circle burst, shine, border draw, text roll, icon reveal, icon swap, lift & glow, 3D push and pulse ring. The icon has its own style: size, colors, background box, border, radius, and a rotate or move on hover.
Icon List — each item shows an icon from the icon libraries, your own uploaded SVG, an image, or a short text such as a number or emoji, with an optional description and link. List, inline or grid layout, icon left, right or on top, dividers and per-item colors.
Accordion — items with an icon or image beside the title, rich text content and an image above, below, left or right of the text. One item open at a time or several, plus/minus, chevron, arrow or your own toggle icons, three ready-made designs, keyboard navigation and optional FAQ schema for search engines.
Category Grid — product or post categories, tags or any custom taxonomy as a grid or list: top level, children of a term or of the current archive, or hand-picked. Image, title, count, description, sub-terms and button, in six grid designs, three list designs and seven hover effects.
Advanced Slider — slides with an image, video or color background, overlay, heading, text, two buttons and a side image. Eight templates (Hero, Fullscreen Ken Burns, Minimal, Split, Floating Card, Bold Promo, Card Carousel, Coverflow), seven effects, slides per view per device, autoplay with a progress bar, Ken Burns, text animations, and many arrow and pagination styles. Built on Swiper, which Elementor already includes.
Testimonials — carousel, grid, masonry or endless marquee, with photo (or initials), name, role, company, logo, star rating, date and badge, in eight templates. Build your own card: drag the parts into any order, group them in rows or columns, and set each part’s alignment, width, spacing, size and position (even free positioning on the card). Start from any template’s structure with one click.
Creative Gallery — any layout: a grid where each item has its own size, nine patterns (bento, metro, magazine…), masonry, justified rows or a free canvas. In the editor, drag an item’s corner to size it or drag it anywhere on the canvas. Images, videos and text tiles from your list, the Media Library or posts, with filters, Load More, lightbox, captions and hover effects.
Animated Progress — bars, circles, gauges with a needle or segments in six designs, filling and counting up as they come into view or as the page scrolls, plus a reading progress bar fixed to the top of the screen.
Timeline — zigzag, one side or horizontal (drag or arrows), with dot, icon, number or date markers and five designs. The line fills as visitors scroll, markers light up, and details can open on click. Your own events or posts.
Blog widgets
Design your blog page, archives and single posts. Every widget has full style controls.
Blog Posts — six ready-made designs, as cards, a list or overlays. Show the posts of the page being viewed or choose them by post type, category, tag, IDs, order and offset, with badge, meta, excerpt, Read More button and pagination.
Archive Title — the category, tag, author, date or search title with its description.
Post Title, Featured Image (ratio, link, lightbox, caption, fallback image) and Post Excerpt.
Post Meta — author with photo, date, last updated, categories, tags, comments, reading time and custom text, in any order, each with its own label and icon.
Post Content — the post content, with styles for text, links, headings, quotes, images and lists.
Post Terms — categories, tags or any taxonomy, as text, pills or a list.
Author Box — photo, name, biography and a link to the author’s posts.
Post Navigation — previous and next post, with titles, arrows and thumbnails.
Related Posts — posts from the same category or with the same tags.
Post Comments — the comment list and form, fully styled.
WooCommerce widgets
Build your own product pages, shop and cart icon, with full style controls for every part.
Product Grid — products on any page, with five ready-made designs (Elevated Card, Outline, Minimal, Soft and Dark): latest, featured, on sale, best selling, top rated or hand-picked, filtered by category and tag, with columns per device and optional pagination.
Product Title — any heading tag, optional link.
Product Images — WooCommerce’s gallery with zoom, lightbox and thumbnail slider (each can be switched off), optional slider arrows, thumbnail columns and sale flash.
Product Featured Image — the main image alone, any size, linked to the product or opened in a lightbox, with hover effects.
Product Price — sale and regular price styled separately, inline or stacked, currency symbol and price suffix.
Add to Cart — quantity, button, variation choices, grouped products and stock, side by side or stacked.
Product Rating, Product Stock (colors for in stock, out of stock and backorder) and Sale Badge (with the discount percentage).
Short Description and Product Description.
Product Meta (SKU, categories and tags with your own labels), Product Categories and Product Tags (as text, pills or a list).
Additional Information — the attributes table, with striped rows.
Product Tabs — normal, hover and active tab styles, and the panel.
Product Reviews — the reviews list and the review form, fully styled.
Related Products — related products or upsells, with columns per device and the same ready-made designs.
Products Archive — the shop grid with result count, sorting, pagination and the same ready-made designs.
WooCommerce Breadcrumb and Cart Icon (live item count and subtotal, your own icon).
Product widgets are made for Single Product templates and show the product being viewed (or one picked by its ID). They print WooCommerce’s own templates and hooks, so themes and WooCommerce extensions keep working, and they work with classic and block themes.
Dynamic Tags
Dynamic tags let a widget field show live site data. Free Elementor has the system but no tags; Themofy Addons provides them, for text, links, images, galleries, colors and numbers, in classic and Elementor 4 (V4) widgets.
Post: Post Title, Post Excerpt, Post URL, Post ID, Post Date, Post Time, Post Terms, Reading Time, Featured Image, Featured Image Data, Post Attached Images.
Archive: Archive Title, Archive Description, Archive URL.
Site: Site Title, Site Tagline, Site URL, Site Logo, Page Title, Current Date Time, Request Parameter, Shortcode.
Author: Author Name, Author Info, Author URL, Author Profile Picture.
User (the logged-in visitor): User Info, User Profile Picture.
Comments: Comments Number, Comments URL.
Custom Fields: Custom Field (text, link, number or color), Custom Field Image, Custom Field Gallery — any custom field (Meta Box, Pods, plain WordPress meta…) from the current post, archive term, post author, logged-in user or an ACF options page.
ACF (when Advanced Custom Fields is active): ACF Field, ACF URL, ACF Image, ACF Gallery. Just pick the field from the list; the value is found automatically and comes out ready to use (images, links, choice labels, true / false, related posts, dates, Group sub fields).
Links: Contact URL (email, phone, SMS, WhatsApp, Telegram, Messenger, Viber, Skype, Google Maps, Waze), Internal URL, Login / Logout URL.
WooCommerce (when WooCommerce is active): Product Title, Product Price, Product Sale Badge, Product Short Description, Product SKU, Product Stock, Product Rating, Product Attribute, Product Data, Product Image, Product Gallery, Product Category Image, Add To Cart URL, Store Page URL, Cart Info.
Every product tag works with the current product or a product picked by ID. Any tag can be switched off under Themofy Addons → Dynamic Tags.
Themofy Addons is an independent plugin. It is not affiliated with or endorsed by Elementor Ltd., WooCommerce or Advanced Custom Fields.
