Aslam Hasib

Zenaul Islam

Tarek Aziz

HasThemes

HT Plugins

Sharif Uddin

Yeasin Hossain

<p><a href="https://hasthemes.com/plugins/cf7-extensions/?utm_source=wprepo&utm_medium=repodes&utm_campaign=freeplugin" rel="nofollow ugc">The Extensions for CF7</a> is an excellent WordPress plugin that extends the features and functionalities of the Contact Form 7 plugin to make it more convenient and user-friendly. This all-inclusive WordPress plugin offers a couple of remarkable features using which you can organize your contact page efficiently while also making it easier for users to get in touch with you. The key features include saving submissions made through Contact Form 7 in your database, redirecting users to any page you choose once their message has been sent successfully, enabling conditional logic so that you can configure fields on the form as either visible or hidden based on input from visitors, and integrating with Mailchimp easily so you can generate leads every time a user submits a form.</p>
<p><a href="https://hasthemes.com/plugins/cf7-extensions/?utm_source=wprepo&utm_medium=repodes&utm_campaign=freeplugin" rel="nofollow ugc">Landing Page</a> | <a href="https://theplugindemo.com/extensions-for-cf7/wp-admin/" rel="nofollow ugc">Admin Demo</a> | <a href="https://hasthemes.com/plugins/cf7-extensions/?utm_source=wprepo&utm_medium=repodes&utm_campaign=freeplugin" rel="nofollow ugc">Purchase Pro</a> | <a href="https://hasthemes.com/docs/cf7-extensions/" rel="nofollow ugc">Documentation</a> | <a href="https://www.youtube.com/watch?v=636rAmN-ZHY&list=PLk25BQFrj7wHvrsFDKfVUU4EKfO6z6Hi2" rel="nofollow ugc">Video Guide</a></p>
<h3>Free VS Pro CF7 Extension</h3>
<ol>
<li>Contact Form 7 Database, Save contact form submission data and handle it through the dashboard.</li>
<li>Contact Form 7 Conditional Field, Easily apply conditions to any field to show or hide.</li>
<li>Contact Form 7 Redirection, redirect to any page after form submission.</li>
<li>Contact Form 7 Mailchimp, Integrate Contact Form 7 with Mailchimp effortlessly.</li>
<li>Contact Form 7 Unread emails count badge in the admin menu & Read and Unread status indicator on emails list.</li>
<li>Contact Form 7 Column field, create multiple column layouts.</li>
<li>Contact Form 7 Range Slider Field.</li>
<li>Contact Form 7 Signature Field.</li>
</ol>
<h4><a href="https://hasthemes.com/plugins/cf7-extensions/?utm_source=wprepo&utm_medium=repodes&utm_campaign=freeplugin" rel="nofollow ugc">Pro Version</a></h4>
<ol>
<li>Trigger a notice, if the form is already submitted. </li>
<li>Repeater Field. </li>
<li>Show validation and success messages with a nice popup. </li>
<li>Telephone input field with country code and flag. </li>
<li>GDPR Field to take permission to save the submitted data. </li>
<li>Drag & Drop File Upload</li>
<li>Autocomplete IP Geo Fields (Country, City, State, Zip)</li>
<li>Form Styler</li>
</ol>
<h3>Why You Should Choose Extensions for CF7 Plugin</h3>
<p>The contact form is undeniably one of the vital elements for any website since it lets visitors fill out the web-based form and submit it to send a message to the site owner, therefore helping site owners boost interactions with visitors. As the site owner, you get the messages instantly and securely on your email without even revealing your email. Thus, the chance of receiving spam emails gets reduced as your email address isn’t disclosed to spambots, and so they cannot scrap your email address from the website.<br />
If you are creating contact forms through Contact Form 7 plugin and looking for extensive features to make your contact form more organized, you have come to the right place. There are certain functionalities, which are not available by default in the Contact Form 7 plugin. That is where the Extensions for CF7 plugin comes into play. Moreover, the Contact Form 7 Data extension allows you to export contact form data into a handy CSV file.</p>
<p>Contact Form 7 is a great tool for creating simple forms, but sometimes you need a little more functionality. That’s where extensions come in. There are extensions available for file upload conditional logic, and more. And best of all, they’re easy to install and use.</p>
<p>Firstly, this versatile contact form extension plugin captures form submissions through contact form 7, saves them to your WordPress database, and presents them right before your eyes! You can also import and export data to a CSV file. You can search the contact form submissions by the users based on time and date range. Besides, you can delete the submission data if you want.<br />
Secondly, this fantastic CF7 extension plugin allows conditional logic to be added in the contact form so that you can create complex conditions or simply show or hide fields based on user selections. In addition, contact form 7 conditional logic can also be used to create contact forms with multiple conditions. Using the form conditional fields, you can show or hide fields based on the values of other fields. Thus, by using a series of conditional statements, you can create a contact form that is both user-friendly and highly flexible. It would work very well as an ideal contact form 7 conditional fields plugin.</p>
<p>Lastly, you will get the feature of redirection for Contact Form 7. This amazing Contact Form 7 extension plugin redirects users to any web page after successful submission of the contact form. You can choose where visitors go once they finish submitting their messages filling out all the required fields. Users can also be redirected to a new tab. Moreover, the plugin allows you to add specific JavaScript actions.</p>
<h3>KEY FEATURES</h3>
<p>Once you install the plugin, you will have three options listed under Plugin Area named CF7 DB, CF7 Conditional, and CF7 Redirections. Let’s take a look at what each of these options has to offer!</p>
<h3>🎉 Contact form 7 Database</h3>
<p>Contact form 7 database is a great tool for managing contact information, but it can be even more powerful with the right extensions. It could be an ideal extension tool for cf7db.</p>
<ul>
<li>Save contact form submission data and handle it through the dashboard.</li>
<li>Export and import CSV files easily.</li>
<li>Search the contact form submissions time and date wise.</li>
<li>Delete Submission Data.</li>
</ul>
<span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/RFshvIY_Xps?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe></span>
<h3>🎉 Contact form 7 Conditional Field</h3>
<p>WordPress conditional form-7 is a great way to easily add conditions to any field to show or hide. This is a great way to keep your forms looking clean and tidy.</p>
<ul>
<li>Easily apply conditions to any field to show or hide.</li>
<li>Add multiple AND conditions.</li>
<li>Add multiple OR conditions.</li>
</ul>
<span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/636rAmN-ZHY?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe></span>
<h3>🎉 Contact form 7 Redirection</h3>
<p>If you’re looking for an extension that will redirect to a new page after form submission, then the Contact Form 7 Redirect extension is the one for you.<br />
Additionally, you can make a contact form 7 redirect to a thank you page using this extension.</p>
<ul>
<li>Easily redirect to any page after form submission.</li>
<li>Redirect the page in a new tab.</li>
<li>Add specific JavaScript action.</li>
</ul>
<span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/tN5_r1HrJrU?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe></span>
<p>Extension for CF7 is an extension for <a href="https://wordpress.org/plugins/contact-form-7/" rel="ugc">Contact Form 7</a> WordPress plugin.</p>
<h3>🎉 Contact Form 7 to Mailchimp</h3>
<p>Do you want to connect your contact form 7 with Mailchimp?</p>
<p>Our plugin has the option to integrate Contact Form 7 with Mailchimp easily. Contact form 7 Mailchimp can be incredibly useful if you’re trying to build a mailing list or if you want to automate your email marketing. When anyone fills a contact form on your website, our plugin will add the submission to the MailChimp list. The MailChimp contact form 7 extension allows you to integrate your forms with your MailChimp account, making it easy to add new subscribers to your mailing list. Thus, you can connect each record with a separate Mailchimp list. Connecting contact form 7 with MailChimp is an excellent feature to automate the email marketing process.</p>
<h3>To Wrap up</h3>
<p>The Extensions for CF7 is a multi-faceted and modern plugin that enriches the features and functionalities of Contact Form 7, making it easier to organize your contact form usages. With the help of the incredible contact form 7 extensions that are readily available, you can easily transform your contact page into a structured, interesting tool for getting in touch with your visitors. By installing this contact form 7 extension plugin, you can manage your contact form pages and make them more user-friendly!</p>
<h3>Other Projects</h3>
<p>We have a lot of plugins and extensions that might interest you. Try out other projects by following this link:</p>
<p><strong><a href="https://wordpress.org/plugins/woolentor-addons/" rel="ugc">Woolentor Addons</a></strong><br />
Woolentor is a WooCommerce page builder plugin that extends the functionality of the WooCommerce store. These Elementor Addons provide additional features and options for WooCommerce stores. Woolentor is the best alternative for ShopReady, Kadence, JetWidgets, ShopEngine, and CoDesigner. The Woolentor addons come with 50+ free Elementor widgets like Wishlist Extension Addon, Product compare, Product Filters, Product Variation Swatches, Shopify Style Checkout, Product Slider and 50+ pro Elementor Widgets like Checkout Fields Editor, Partial Payment, Email Customizer for WooCommerce with ready Email Templates, WooCommerce Email Automation, Multi Step Checkout, and many much more. Also it provide 90+ WooCommerce Elementor templates, 22+ WooCommerce Modules, and Gutenberg Blocks.</p>
<p><strong><a href="https://wordpress.org/plugins/ht-mega-for-elementor/" rel="ugc">HT Mega For Elementor</a></strong><br />
HT Mega is an Elementor Addons that comes with custom page builder,  header builder, footer builder, mega menus, and more for your Elementor based website. The HT Mega plugin also includes a comprehensive set of Elementor widgets, readymade Elementor templates and Elementor Blocks.  HT Mega plugin works like ElementsKit, Essential Addons for Elementor, Royal Elementor Addons, Premium Addons, Happy Addons, PowerPack Addons, Unlimited Elements, Qi Addons, etc. The HT Mega plugin provides 84+ free Elementor widgets like Post Grid widget, Slider widget, Accordion widget, Elementor Forms widget, Contact Form Widget, Elementor tables, and other related items. It also provides 18+ pro widgets like Filterable Gallery Widget, Event Box Widget, Breadcrumbs Widget, Elementor Facebook Review Widget, Elementor Category List Widget, etc.</p>
<p><strong><a href="https://wordpress.org/plugins/hashbar-wp-notification-bar/" rel="ugc">Hashbar Wp Notification Bar</a></strong><br />
HashBar is a WordPress Notification Bar Plugin that enables you to create unlimited notification bars on your WordPress website. You can create as many notification bars as you want and customize their content to meet your needs.</p>
<p><strong><a href="https://wordpress.org/plugins/wp-plugin-manager/" rel="ugc">WP Plugin Manager – Deactivate plugins per page</a></strong><br />
WP Plugin Manager is the perfect solution for those who want to disable certain plugins on specific pages or posts. With this plugin, you can easily activate or deactivate plugins on a per-page or per-post basis. Whichever plugin you don’t need you can deactivate or disable that plugin with the help of WP plugin Manager.</p>
<p><strong><a href="https://wordpress.org/plugins/whols/" rel="ugc">Whols</a></strong><br />
Whols is an outstanding plugin for WooCommerce that allows store owners to set wholesale prices for the products of their online stores. With Whols, you can easily add custom fields to your registration form, set minimum product requirements, and control how wholesale prices are displayed on both the shop and product detail pages. Whols work  like Wholesale Suite, B2Bking and B2B plugins.</p>
<p><strong><a href="https://wordpress.org/plugins/just-tables/" rel="ugc">Just Tables</a></strong><br />
JustTables is a WooCommerce product table plugin that helps you easily create and manage tables for your products. It includes 28 pre-built columns with options to enable/disable, and you can add custom columns with custom fields/taxonomies. Just Tables also allows you to order table columns using drag and drop and set the number of products per page.</p>
<p><strong><a href="https://wordpress.org/plugins/swatchly/" rel="ugc">Swatchly</a></strong><br />
Swatchly is a WooCommerce product variation swatches plugin that allows you to add color swatches to your product pages. With Swatchly, you can enable swatches for the shop, product list, and product details pages. There are three swatch types (label swatch, color swatch, image swatch), and the plugin supports multi-colored swatches.</p>
<p><strong><a href="https://wordpress.org/plugins/ht-slider-for-elementor/" rel="ugc">HT Slider For Elementor</a></strong><br />
HT Slider For Elementor is a powerful and user-friendly slider addon for Elementor. You can customize the look and feel of your slider with HT Slider’s custom styling options. You also have the option to display your slides by id and category. Plus, HT Slider For Elementor comes with custom design options for slider navigation and pagination, so you can easily control the look and feel of your slider.</p>
<p><strong><a href="https://wordpress.org/plugins/ht-contactform/" rel="ugc">HT Contact form</a></strong><br />
HT Contact Form 7 Widget is an Elementor addon that allows you to easily drag and drop Contact Form 7 forms into your web pages. With the help of this plugin, you can choose your form from the drop-down list, Custom Styling Options, and add it to any page or place on your website. The HT Contact Form 7 Widget is an essential tool for anyone using Contact Form 7 on their website.</p>
<h3>Need Help?</h3>
<p>Is there any feature that you want to get in this plugin?<br />
Needs assistance to use this plugin?<br />
Feel free to <a href="https://hasthemes.com/contact-us/" rel="nofollow ugc">Contact us</a></p>


Extensions For CF7 (Contact form 7 Database, Conditional Fields and Redirection)

Easily save contact form data, apply conditional logic in the fields and redirect to any page after contact form submission.

codepeople

<p>Data Source for Contact Form 7 plugin allows populating the “Contact Form 7” fields (text, email, URL, drop-down menu, …) with data stored in external data sources, like a database, CSV file, URL parameters, users information, post data, taxonomies, Advanced Custom Fields (ACF) – Secured Custom Fields, and JSON objects.</p>
<p>Data Source for Contact Form 7 includes two new controls in the controls bar of Contact Form 7, recordset and recordset field link. The “recordset” control reads the information from the external data source (a database, a CSV file, or any other data source supported), and the “recordset field link” control for linking the recordsets and form fields to populate them with the recordset data.</p>
<p>A form can include several “recordset” fields, and it is possible to link multiple “recordset field link” controls to the same recordset.</p>
<span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/bcf1i6jvlYE?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe></span>
<p>The new SQL-Generator module. It generates the database queries in a more conversational style. Just describe the information needed, and get the DB query without any prior database knowledge.</p>
<span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/a-8AtsNJZ1A?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe></span>
<p>How to create the simplest contact form from our practical examples.</p>
<span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/DisVNGHiMe0?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe></span>
<p>The plugin includes other complementary controls in the controls bar in addition to the “recordset” and “recordset field link”. The “Print Form” button for printing the form area, “Data Table” control for inserting an advanced table with the recordset records, “copy to clipboard” functionality for copying the values of the fields into the clipboard, and the “Search box in dropdown menu” functionality to make easy the selection in long dropdown menus.</p>
<h4>Features:</h4>
<ul>
<li>Set the information of external data sources available for the Contact Form 7 fields.</li>
<li>Easy to use, includes two new controls in the controls bar to define the <a href="https://cf7-datasource.dwbooster.com/documentation#recordset-control" rel="nofollow ugc">recordsets</a> and the <a href="https://cf7-datasource.dwbooster.com/documentation#link-control" rel="nofollow ugc">link fields</a>.</li>
<li>Includes the <a href="https://cf7-datasource.dwbooster.com/documentation#url-parameters" rel="nofollow ugc">“URL Parameters”</a> data source to populate the form’s fields with the values of the URL parameters.</li>
<li>Includes the <a href="https://cf7-datasource.dwbooster.com/documentation#user-information" rel="nofollow ugc">“Users Information”</a> data source to populate the form’s fields with the users’ information.</li>
<li>Includes the <a href="https://cf7-datasource.dwbooster.com/documentation#post-data" rel="nofollow ugc">“Posts Information”</a> data source to populate the form’s fields with the posts’ data, pages, and custom post types (like the WooCommerce products).</li>
<li>Includes the <a href="https://cf7-datasource.dwbooster.com/documentation#taxonomy" rel="nofollow ugc">“Taxonomy”</a> data source to populate the form’s fields with taxonomy terms, like categories, posts tags, or any other custom taxonomy.</li>
<li>Includes the <a href="https://cf7-datasource.dwbooster.com/documentation#database" rel="nofollow ugc">“Database”</a> data source to populate the form’s fields with the information of a database. Allow defining even complex queries.</li>
<li>SQL Generator module. It generates the database queries in a more conversational style.</li>
<li>Includes the <a href="https://cf7-datasource.dwbooster.com/documentation#javascript-function" rel="nofollow ugc">“Javascript Function”</a> data source to populate the form’s fields with the information returned from a Javascript function.</li>
<li>Allows using the fields’ values for filtering the recordset records.</li>
<li><a href="https://cf7-datasource.dwbooster.com/complementary-controls-addon" rel="nofollow ugc">Complementary Controls add-on</a>. Includes additional controls and functionalities, such as the “Print Form” button, the addition of the search box to the drop-down menu, copy to clipboard functionality, and Data Table to display the data source records.</li>
</ul>
<h4>Features in Premium version:</h4>
<ul>
<li>All features of the free version of the plugin.</li>
<li>Includes the <a href="https://cf7-datasource.dwbooster.com/documentation#acf" rel="nofollow ugc">“Advanced Custom Fields (ACF) – Secured Custom Fields”</a> data source to fill the form filds with data stored in the Advanced Custom Fields or Secured Custom Fields in post, users, comments, taxonomies, widgets, and options.</li>
<li>Includes the <a href="https://cf7-datasource.dwbooster.com/documentation#csv" rel="nofollow ugc">“CSV”</a> data source to populate the form’s fields with the data store into a CSV file.</li>
<li>Includes the <a href="https://cf7-datasource.dwbooster.com/documentation#json" rel="nofollow ugc">“JSON”</a> data source to populate the form’s fields with the data store into a JSON file. There are hundreds of services whose outputs are JSON objects.</li>
<li><a href="https://cf7-datasource.dwbooster.com/pdf-generator-addon" rel="nofollow ugc">PDF Generator add-on</a>. It generates PDF files with the information collected by the form and attaches them to the notification emails (Supports the “Conditional Fields for Contact Form 7” plugin tags in the PDF file content if the “Conditional Fields for Contact Form 7” plugin is installed on the website).</li>
<li><a href="https://cf7-datasource.dwbooster.com/post-generator-addon" rel="nofollow ugc">Post Generator add-on</a>. It generates new posts (posts, pages, or any custom post) with the information collected by the form.</li>
<li><a href="https://cf7-datasource.dwbooster.com/user-registration-addon" rel="nofollow ugc">User Registration add-on</a> to convert contact forms into user registration forms.</li>
<li><a href="https://cf7-datasource.dwbooster.com/csv-generator-addon" rel="nofollow ugc">CSV Generator add-on</a> to populate a CSV file with the information collected by the form.</li>
<li><a href="https://cf7-datasource.dwbooster.com/json-generator-addon" rel="nofollow ugc">JSON Generator add-on</a> to populate a JSON file with the information collected by the form.</li>
<li><a href="https://cf7-datasource.dwbooster.com/server-side-addon" rel="nofollow ugc">Server Side add-on</a> to implement server side functions to call from the Recordset controls and get the list of records.</li>
</ul>
<h4>Data Source Fields</h4>
<p>Data Source for Contact Form 7 includes two new controls in the controls bar of Contact Form 7, <a href="https://cf7-datasource.dwbooster.com/documentation#recordset-control" rel="nofollow ugc"><strong>recordset</strong></a> and <a href="https://cf7-datasource.dwbooster.com/documentation#link-control" rel="nofollow ugc"><strong>recordset field link</strong></a>.</p>
<p>The recordset control reads the information from the external data source and makes it available on the form. A recordset field can read one or many records from the data source.</p>
<p>To insert a recordset field in the form, press the <strong>“recordset”</strong> button in the controls bar. This action opens a dialog to define the recordset.</p>
<p>The insertion dialog includes common attributes for all data sources and specific attributes for the data source selected.</p>
<p>The <strong>“recordset field link”</strong> control links a recordset field to other fields in the form to populate them with the recordset data.</p>
<p>To insert a link field in the form, press the <strong>“recordset field link”</strong> button in the controls bar. This action opens a dialog to define the relationship between a recordset and a form’s field.</p>
<p>The link dialog includes the attributes to define the relationship between the recordset field and the form’s fields.</p>
<h4>Cases of Use</h4>
<p>Get the information of the registered user and populate the form fields for his name and email:</p>
<pre><code><label> Your name [text* your-name] </label>

<label> Your email [email* your-email] </label>

<label> Subject [text* your-subject] </label>

<label> Your message (optional) [textarea your-message] </label>

[cf7-recordset id="cf7-recordset-434" type="user" attributes="first_name, user_email" logged="1"]

[cf7-link-field recordset="cf7-recordset-434" field="your-name" value="first_name"]

[cf7-link-field recordset="cf7-recordset-434" field="your-email" value="user_email"]

[submit "Submit"]
</code></pre>
<p>Filling a plain text in the form with the first name and last name of the logged user:</p>
<pre><code><label> Hello <span id="first-name"></span> <span id="last-name"></span></label>

<label> Enter your address [textarea address] </label>

[cf7-recordset id="cf7-recordset-434" type="user" attributes="first_name, last_name" logged="1"]

[cf7-link-field recordset="cf7-recordset-434" field="first-name" value="first_name"]

[cf7-link-field recordset="cf7-recordset-434" field="last-name" value="last_name"]

[submit "Submit"]
</code></pre>
<p>Populates the list of WooCommerce products and get the price of the selected one:</p>
<pre><code><label>Products List [select menu-719]</label>

<label>Product Price [number number-534]</label>

[cf7-recordset id="cf7-recordset-619" type="database" engine="mysql" query="SELECT ID,post_title,meta_value as price FROM {wpdb.posts} posts, {wpdb.postmeta} meta WHERE posts.post_type='product' AND posts.ID=meta.post_id AND meta.meta_key='_regular_price'"]

[cf7-link-field recordset="cf7-recordset-619" field="menu-719" value="ID" text="post_title"]

[cf7-link-field recordset="cf7-recordset-619" field="number-534" value="price" condition="record['ID']=={field.menu-719}"]

[submit "Submit"]
</code></pre>
<p>Using templates to create complex data structures. Displaying the title and excerpt of every published post:</p>
<pre><code><div id="posts-list"></div>
<template id="summary">
<p style="font-style:bold">{attribute.post_title}</p>
<p>{attribute.post_excerpt}</p>
</template>

[cf7-recordset id="cf7-posts" type="post" attributes="post_title,post_excerpt" condition="post_status='publish' AND post_type='post'"]

[cf7-link-field recordset="cf7-posts" field="posts-list" value="{template.summary}"]
</code></pre>
<p>The form includes a template tag to design a complex data structure. To access the records attributes from the template, use {attribute.attribute-name} format. Ex. {attribute.post_title}</p>
<p>You can use the templates for the fields’ values or texts. The format for referring to templates is {template.template-id}. You should replace “template-id” with the id of the template tag. Ex. {template.summary}</p>
<pre><code>[cf7-link-field recordset="cf7-posts" field="posts-list" value="{template.summary}"]
</code></pre>
<h4>Using Javascript to Access the Recordset Data</h4>
<p>The recordset fields trigger the “cf7-recordset” event after receiving the information from the data source, allowing you to access this information with Javascript. In this example, the recordset field reads motivational phrases from a third-party service and displays the first of them into a DIV tag on the form.</p>
<span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/YIpXLR-A014?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe></span>
<h4>Add ons (Extensions)</h4>
<p><a href="https://cf7-datasource.dwbooster.com/complementary-controls-addon" rel="nofollow ugc">Complementary Controls add-on</a></p>
<p><a href="https://cf7-datasource.dwbooster.com/pdf-generator-addon" rel="nofollow ugc">PDF Generator add-on</a></p>
<p><a href="https://cf7-datasource.dwbooster.com/post-generator-addon" rel="nofollow ugc">Post Generator add-on</a></p>
<p><a href="https://cf7-datasource.dwbooster.com/user-registration-addon" rel="nofollow ugc">User Registration add-on</a></p>
<p><a href="https://cf7-datasource.dwbooster.com/csv-generator-addon" rel="nofollow ugc">CSV Generator add-on</a></p>
<p><a href="https://cf7-datasource.dwbooster.com/json-generator-addon" rel="nofollow ugc">JSON Generator add-on</a></p>
<p><a href="https://cf7-datasource.dwbooster.com/server-side-addon" rel="nofollow ugc">Server Side add-on</a></p>


Data Source for Contact Form 7

Allows you to use server side data with the CF7 form, like the users information, posts data, taxonomies, and many other data sources.

Versatile plugin

The Data Source for Contact Form 7 plugin populates fields with data from external sources like databases, CSVs, URL parameters, ACF, and others.

Extensions For CF7 (Contact form 7 Database, Conditional Fields and Redirection) vs Data Source for Contact Form 7