Super Forms
  • Drag & Drop Form Builder for WordPress
  • Quick start
    • Installation
    • Registration
    • Starting your 15 day trial
    • Purchasing a license
    • Activating a license
    • First time setup
    • Secure file uploads
    • Creating a form
    • Adding form elements
    • Editing elements
    • Publishing your form
    • FAQ
  • Account
    • Dashboard
      • Your Invoices
      • Billing details
      • Your Licenses
      • E-mail Notification
      • Password reset
      • Cancel subscription
  • Common problems
    • Common problems
      • Email delivery problems
        • Why is my form not sending emails?
        • Why are emails going into spam folder/inbox?
      • File upload problems
      • Session expired
      • reCaptcha Troubleshooting – Fix “Not Loading” & Verification Errors
  • Elements
    • Layout elements
      • Column/Grid
      • Multi-part / step
    • Form elements
      • Calculator
      • Signature
      • File upload
      • Datepicker
      • Variable field
      • Dropdown
      • Text field
      • Autosuggest
      • Keywords
      • Radio button
      • Keyword Field
      • Button
      • Audio Recording (microphone)
    • HTML elements
      • Heading
      • HTML (raw)
      • Image
      • TinyMCE
      • Divider
      • Spacer
      • PDF page break
      • Google map element WordPress form
  • Features
    • Basic
      • Confirmations emails
      • Save Form Progression (continue later)
      • Build In Translation System
      • Populate form
      • Popups
      • Import & Export
      • Hide form after submitting
      • Hide or lock out user from your forms
      • Validation
    • Advanced
      • WordPress form with Google sheets dropdown
      • Custom registration form for WordPress
      • Custom login form for WordPress
      • Custom lost password form for WordPress
      • Update current logged in user
      • Secrets
      • Prevent duplicate entries
      • Lock & hide form
      • Password protect
      • Conditional Logic
      • Tags system
      • Address lookup/auto complete
      • Analytics Tracking
      • Conversion Tracking
      • Distance & Duration Calculation
      • If statements
      • Foreach loops
      • E-mail Reminders
      • Variable Fields
      • Form templates - Include elements into other forms - WordPress
      • Transferring data from one form to another
    • Integrations
      • PDF Generator
      • Listings
      • WooCommerce Checkout
        • Fixed price checkout
        • Dynamic price checkout
        • Variable product checkout (variations)
        • Replacing the "Add to cart" on a product page with a form
        • Hiding product from shop and order via custom form
      • PayPal
      • MailChimp
      • Mailster
      • Zapier
      • Stripe (BETA)
      • WooCommerce Instant Order (in progress)
  • Tutorials
    • WordPress Form to Google Sheet Integration
    • GDPR Consent / Terms agreement
    • How to update the plugin
    • Sending emails to specific department for WordPress contact forms
  • Example Forms for WordPress
    • Booking 24 hours ahead of time
  • Developers
    • Code Examples
      • Lookup City by Zipcode for your WordPress form
      • Audio Recording Field
      • Custom API Phone Number Validation for Your WordPress Form
      • Updating WordPress user meta data after login
      • Automatically redirecting to next step after displaying text or a progress bar
      • Dropdown with groups (categories)
      • Prevent form submission based on entered field values
      • Track form submissions with GTM (Google Tag Manager)
      • Tracking Multi-part steps with Google Analytics
      • Tracking Multi-part steps with GTM data layer (dataLayer.push)
      • Track form submissions with third party
      • Compare input field value with database value
      • Insert form data into a custom database table
      • Delete database row after contact entry is deleted in WordPress
      • Limited date availability (slots) for your WordPress booking form
      • Send submitted form data to another site
      • Exclude empty fields from emails
      • Execute custom JS when a column becomes conditionally visible
      • Toolset Plugin: Update comma separated string to Array for meta data saved via Front-end Posting
      • Toolset Plugin: Update file ID to file URL for meta data saved via Front-end Posting
      • Delete uploaded files after email has been send
      • Increase Cookie lifetime for client data such as [Form Progression]
      • Altering cookie secure and httponly parameters
      • Define fake cronjob to clear old client data if cronjob is disabled on your server
      • Define page language attribute based on page ID or URL
      • Define custom headers when doing a POST request
      • Change checkbox/radio layout to vertical on mobile devices
      • Show remaining available form submission allowed
      • Global fields / elements
      • Trim values of fields
      • Re-sending E-mails after editing entries via Listings for WordPress
      • Combine multiple field values into one column on Contact Entries page
      • Altering the attachments for E-mails via PHP code for WordPress
      • Generate dynamic columns with dates based on user selected date from Datepicker element
      • Hide `eye` icon from Listings row based on user role
    • Data storage
    • BETA version
  • Changelog
  • Support
Powered by GitBook
On this page
  • Filter logic options
  • Retrieve method options
  • Custom Items
  • Specific taxonomy
  • Specific posts
  • Tags
  • CSV file
  1. Elements
  2. Form elements

Autosuggest

With the autosuggest field you can let users filter through a set of predefined values by typing in a text field, yet still allow them to freely enter a value on your WordPress form.

PreviousText fieldNextKeywords

Last updated 11 months ago

The concept of autosuggest is to create a Google Search like Text field where users can search for a specific value, but also allow to enter their own value.

When a user starts typing into the text field, it will search for matches based on the entered characters and return a list/dropdown to the user. The user can then click on the suggestion to automatically fill the field with this value.

You can find the Autosuggest field under the Form Elements section. Alternatively you can add a Text field and enable the autosuggest feature manually.

When you edit the Autosuggest element you can configure it's values and options under the Autosuggest section from the dropdown. Here you can define the Filter logic and Retrieve method.

Filter logic options

  • Contains ??

  • Starts with ..%

  • Exact match ==

  • Contains ?? (case sensitive)

  • Starts with ..% (case sensitive)

  • Exact match == (case sensitive)

Retrieve method options

  • Users (wp_users)

  • Product attribute (product_attributes)

  • Current Author meta data

  • Current Page or Post meta data

  • Current Page or Post terms (based on specified taxonomy slug)

  • Specific database table

Custom Items

This retrieve method allows you to enter your own predefined values by hand. It allows to enter a Label and Value for each option.

The Label represents the searchable string and will be visible for the user.

The Value will be used as the field value that will be stored upon a user selecting the filtered option and will not be visible to the user. The Value will be saved in the Contact Entry and used in the Admin E-mail and Confirmation E-mail send. In case no match was found, the entered string of the user will be saved instead, meaning the user is free to enter whatever they like for the field. If you do not want a user to have this permission you should consider using a Dropdown Field instead.

Specific taxonomy

This retrieve method allows to filter a specific taxonomy (category) based on it's slug name.

  • For Post Categories the slug name would category.

  • For WooCommerce Product Categories the slug name would be product_cat.

To exclude categories from the list you can enter each category ID separated by comma's under the Exclude a category option.

If you wish to hide empty categories you can do this by enabling the Hide empty categories option.

Whenever you need to retrieve child categories based on a parent category you can enter the category parent ID under the Based on parent ID option. You will have the ability to either return the Slug, Title or ID of the category.

Specific posts

This retrieve method allows to filter on posts based on the given Post type.

  • For Pages the post type would be page

  • For Posts the post type would be post

  • For WooCommerce Products the post type would be product

To exclude posts from the list you can enter each post ID separated by comma's under the Exclude a post option.

Whenever you need to retrieve child post based on a parent post you can enter the post parent ID under the Based on parent ID option. You will have the ability to either return the Slug, Title or ID of the post.

Tags

This retrieve method allows you to filter on post tags.

You will have the ability to either return the Slug, Title or ID of the tag.

CSV file

This retrieve method allows you to filter based on a CSV file you uploaded.

This option works the same as the Custom Items retrieve method, except that you will upload a CSV file that will represent the options to filter on.

Important: The CSV file only requires two columns in order to work properly. The first column represent the Value, and the second column it's Label. If you don't need separate values for the label and value, then you can simply define one column.

Depending on the CSV you might need to set a custom delimiter or enclosure, this can be optionally changed if required.

An example CSV file with a list of products and their color and price: . This CSV example uses multiple values for the value column.

This allows you to retrieve the selected product title, color and price separately by using advanced tags: {fieldname;1}, {fieldname;2} {fieldname;3} respectively. You can use these tags inside , and to populate them into fields inside your form if needed. You can even use a validation method to compare user entered data with values from the CSV file. In case you need to confirm some personal details such as "birthdate", "address" etc.

See to see it in action.

https://shorturl.at/adtKT
Conditional logic
Variable fields
this demo form
Custom items
Specific taxonomy (categories)
Specific posts (post_type)
Tags (post_tag)
CSV file