Fields ACF & SCF for Elementor and Divi
Fields ACF & SCF for Elementor and Divi bridges the gap between ACF/SCF and popular page builders like Elementor and Divi. It allows users to create dynamic connections between custom fields and visual components, enhancing the flexibility of their WordPress websites. Key Features: Elementor Integration: Dynamic fields powered by ACF or SCF. Shortcodes for displaying galleries and custom fields. Divi Integration: Gallery component with grid or slider styles. Loop component for posts or pages, dynamically filtered by ACF or SCF fields. Dynamic Fields: Seamless connection between ACF/SCF fields and visual components. Shortcode Support: Flexible shortcodes for Gutenberg and other editors. This plugin is ideal for users who want to extend the functionality of ACF or SCF and integrate it with Elementor and Divi for advanced customization. Short Description A plugin that connects ACF (Advanced Custom Fields) or SCF (Secure Custom Fields) with Elementor and Divi, enabling dynamic fields, gallery components, and loop functionality. Usage Instructions After the installation process, locate the LKNSCF Settings option in the WordPress admin bar and select the plugin(s) you want to work with. Create the fields in SCF and define them on the Gutenberg editing page. After filling in the fields, proceed to the Plugin editing page (Elementor or Divi). In the Elementor editor: On the Elementor page, use the plugin’s own components and insert the created fields through dynamic tags. In the Divi theme editor, there are 2 components: Performs the Loop and filters the posts inserted in it through the SCR Object component. Creates a gallery in grid or slide style, allowing the user to customize the set of images coming from SCR. External Libraries Slick-carousel: Library that creates sliders or grids dynamically. Shortcode: [lknscf_field] Use this shortcode to display a text field or a checkbox. Minimum required parameter: [lknscf_field name=”SCF Field”]. Parameters for [lknscf_field]: name: The name of the SCF field to retrieve the field value. This is a required parameter. type: Optional. The type of field (e.g., “text” or “checkbox”). The default is “text”. label: Optional. The label to be displayed next to the field (e.g., “Name:”). tag: Optional. The HTML tag to wrap the field. Can be “h1”, “h2”, “h3”, “p” or “span”. The default is “p”. font_size: Optional. The font size for the field text. The default is 16px. color: Optional. The color of the field text. The default is (#000000). background_color: Optional. The background color for the field. The default is transparent. border_radius: Optional. The border radius for the field. The default is 0px. checkbox_size: Optional. The size (height and width) of the checkbox. The default is 16px. Shortcode: [lknscf_gallery] Use this shortcode to display a gallery. Minimum required parameter: [lknscf_gallery name=”SCF Field”]. Parameters for [lknscf_gallery]: name: The name of the SCF field to retrieve the gallery items. This is a required parameter. gallery_style: Optional. The style of the gallery, can be “grid” or “slider”. The default is “grid”. width: Optional. The width of the images in the gallery. The default is 250px. height: Optional. The height of the images in the gallery. The default is 250px. images_count: Optional. The number of images per slider. The default is 1. dots: Optional. Whether to display navigation dots in the slider. The default is “true”. autoplay: Optional. Whether to autoplay the slider. The default is “true”. arrows: Optional. Whether to display navigation arrows in the slider. The default is “true”. delay: Optional. The delay between slides in autoplay mode, in milliseconds. The default is 7000ms.
Top keywords
- field16×2.69%
- optional16×2.69%
- default15×2.53%
- fields13×2.19%
- gallery12×2.02%
- scf12×2.02%
- elementor8×1.35%
- acf7×1.18%
- divi7×1.18%
- lknscf7×1.18%
- name7×1.18%
- slider6×1.01%
Repeater2Template Widget for ACF Repeater and Elementor
⚠️ Requires Elementor Pro Tired of ACF Repeater fields that won’t cooperate with Elementor? Repeater2Template fixes that — instantly. Connect any repeater data source to any Elementor template and watch every row render exactly how you designed it. No PHP. No shortcodes. No workarounds. Whether you’re working with ACF Repeater fields, a raw JSON array, or a live API endpoint — this widget loops through your data and outputs each item using your own Elementor saved template. Full design control, fully native experience. 🎥 See It In Action: 💡 Key Features 🔌 3 data sources, one widget — ACF Repeater, JSON Array, or live data from any JSON URL / API. 🎨 Design freedom — pick any Elementor Pro saved template to render each row your way. 🗂 Flexible ACF sources — current post, any specific post by ID, or a global ACF Options Page. 🏷 Subfield-to-dynamic-tag mapping — keeps your templates clean, reusable, and truly dynamic. 🌐 Live API rendering — inject dynamic parameters into JSON URLs for real-time, context-aware content. 🔢 Row limit control — display only a set number of items from any data source. ✅ 100% no-code — built entirely inside Elementor. If you can drag a widget, you can use this. 🔁 Flexible ACF Data Sources Real-world projects rarely keep all data tied to the current post. That’s why Repeater2Template supports three ACF source types: Current Post → repeater data tied to the page being viewed. Specific Post (by ID) → use any post as a centralized “data hub” — reuse it across unlimited templates without duplication. Options Page → pull from any registered ACF Options Page for global content like team sections, banners, menus, or footers. Centralize once. Reuse everywhere. 🌐 JSON Array & JSON URL — No ACF Needed Not an ACF user? No problem. Repeater2Template handles raw JSON just as powerfully. Two JSON modes: JSON Array — paste your data directly into the widget. Instant, portable, zero setup. [ { “title”: “Book A”, “author”: “Author X”, “image”: “https://example.com/book1.jpg” }, { “title”: “Book B”, “author”: “Author Y”, “image”: “https://example.com/book2.jpg” } ] JSON URL — fetch live data from any internal or external API endpoint. Supports dynamic URL parameters (post ID, category, user meta, and more). Perfect for product feeds, API-driven testimonials, blog lists, or user-specific content. The plugin parses the response automatically and renders each object using your Elementor template. Example: https://api.example.com/books?category=fiction&user_id={{user_id}} ⭐ What Builders Are Saying “Extremely simple and yet so powerful!” — davidedev “Saves tons of time and just works — super intuitive!” — akhileshtenguriya “This is literally a gem. All must try this.” — mairaaah “The support went the extra mile. Excellent plugin.” — indyparker 5 out of 5 stars — every single review. How It Works Step 1: Design Your Item Template Go to Templates → Saved Templates → Add New. Choose Section or Container. Design one item — a team card, a testimonial block, a product tile, anything. Save the template. Step 2: Drop In the Widget Open your page in Elementor. Search for Repeater2Template and drag it onto the canvas. Select your data source: ACF Repeater — pick your field by key or name. JSON URL / Array — paste your JSON or enter a URL. Step 3: Connect & Done Select the Elementor template from Step 1. The widget loops through every item and renders each one using your template — automatically. No PHP. No shortcodes. No headaches.