Pre-RequisitesSetup
Pre-Requisites
Download and install the add-on
At least one Product Field and one Total Field on your form
Setup
Make sure the form you want to use a coupon for contains a product field and a total field.
Once you have installed the add-on and setup your form, you』re ready to begin creating a feed for the Coupons Add-On.
Pre-RequisitesField Level Quiz SettingsForm Level Quiz SettingsNext Steps
Pre-Requisites
Setup the Quiz Add-On.A form with the Quiz field added to it.
Field Level Quiz Settings
Now that you have a quiz field added to your form, you will need to provide all the necessary settings data to configure it how you wish it to work.
All the Quiz field settings are explained in the Quiz Field user guide here.
Form Level Quiz Settings
Refer to this article on Quiz Settings for more information on.
Next Steps
If you want to add more questions to your form, simply add more Quiz fields and configure them accordingly.
Once your Quiz form is complete, you are ready to setup your quiz grading. Visit Setting Up Quiz Grading with the Quiz Add-On for instructions.
ContainerLabelPrice
Container
example: shipping field container (div) – applies to all forms
body .gform_wrapper .gform_body .gform_fields .gfield .ginput_container_singleshipping {border: 1px solid red;}
example: shipping field container (div) – applies just to form ID #1
body .gform_wrapper_1 .gform_body .gform_fields .gfield .ginput_container_singleshipping {border: 1px solid red;}
example: shipping field container (div) – applies just to specific container (based on the unique parent element ID – replace 「XX_X」 with your actual element ID)
body .gform_wrapper_1 .gform_body .gform_fields #field_XX_X.gfield .ginput_container_singleshipping {border: 1px solid red;}
Label
example: shipping field label (label) – applies to all forms
body .gform_wrapper .gform_body .gform_fields .gfield_shipping .gfield_label {border: 1px solid red;}
example: shipping field label (label) – applies just to form ID #1
body .gform_wrapper_1 .gform_body .gform_fields .gfield_shipping .gfield_label {border: 1px solid red;}
example: shipping field label (label) – applies just to specific container (based on the unique parent element ID – replace 「XX_X」 with your actual element ID)
body .gform_wrapper_1 .gform_body .gform_fields #field_XX_X.gfield_shipping .gfield_label {border: 1px solid red;}
Price
example: shipping price (span) – applies to all forms
body .gform_wrapper .gform_body .gform_fields .gfield .ginput_container_singleshipping .ginput_shipping_price {color: red;}
example: shipping price (span) – applies just to form ID #1
body .gform_wrapper_1 .gform_body .gform_fields .gfield .ginput_container_singleshipping .ginput_shipping_price {color: red;}
example: shipping price (span) – applies just to specific container (based on the unique parent element ID – replace 「XX_X」 with your actual element ID)
body .gform_wrapper_1 .gform_body .gform_fields #field_XX_X.gfield .ginput_container_singleshipping .ginput_shipping_price {color: red;}
SummaryCommon SettingsGeneral SettingsNotesMerge TagsUsageModifiers
Summary
The Shipping field allows a shipping fee to be added to the form total. It is available under the Pricing Fields section within the form editor.
Shipping field as displayed in the Field Library
Shipping field as displayed in the Form Editor.
Important: If you use a choice based field type and your choice labels contain any HTML or special characters such as ampersands, commas, hyphens or brackets of any type, you MUST enable the show values feature and give each choice a simple and unique value which does not contain any special characters. Failure to configure values could cause issues for features such as conditional logic.
Common Settings
This field uses only common field settings for the Appearance and Advanced settings. For a description of each of the common field settings, refer to this article. Below you will find description of specialty settings that are particular to this field.
General Settings
SettingDescriptionField TypeSelect the type of field from the available form fields. For Field Types see note 1.PriceEnter the base price for this product. This option is only available when the Single Method field type is selected.
Notes
Field Types Single MethodThe Single Method field type will display just the shipping price.Drop DownThe Drop Down field type will display as a drop down field on your form. When this option is selected, the General tab will refresh with options to specify multiple shipping prices.Radio ButtonsThe Radio Buttons field type will display as a field of radio buttons on your form. When this field type is selected, the General tab will refresh with options to specify multiple shipping prices.
Merge Tags
For more information on the use of merge tags, refer to these articles.
Usage
{Field Name:2}
Modifiers
This merge tag does not have any modifiers.
SummaryBut I Just Want To Add A Form!Example Form ShortcodeParametersHow To Find The Form IDAdding a Shortcode Using the Shortcode BlockPossible ErrorsShortcode Actions
Summary
WordPress shortcodes allow users to perform certain actions as well as display predefined items within WordPress pages and posts. The Gravity Forms form shortcode is the primary method used to display a Gravity Form on your site.
The form shortcode can be used anywhere within WordPress where shortcodes are supported. For most users, this will primarily be within the content of a WordPress post or page. Shortcodes are added when you use a standard WordPress editor to add the form to the page. Refer to the next section below if you just want further information on adding a form to your site.
But I Just Want To Add A Form!
The information contained here is not needed to add a form to your site, as the standard Add Form functions contained within the page editor will construct the shortcode for you without any manual editing required. This article is just a handy explainer for those curious as to what these shortcodes mean. If you simply want information on the process of adding a form to your post or page, refer to this documentation section.
Example Form Shortcode
1[gravityform id="1" title="false" description="false" ajax="true" tabindex="49" field_values="check=First Choice,Second Choice"]
Parameters
The following parameters are shown within the sample shortcode above.
id
The id of the form to be embedded. (required)
title
Whether or not to display the form title. Defaults to 『true』. (optional)
description
Whether or not to display the form description. Defaults to 『true』. (optional)
ajax
Specify whether or not to use AJAX to submit the form.
tabindex
Specify the starting tab index for the fields of this form.
field_values
Specify the default field values. See also this article for detailed information on dynamic population.
How To Find The Form ID
In order to use a form shortcode, you will need the form ID. Here is how you can determine the ID of your form:
Log into your WordPress admin dashboard.
On the left side navigation menu, hover over Forms and click on Forms.
Find the form you need the ID for, and click on it.
The form ID is listed to the right of the form name.
Adding a Shortcode Using the Shortcode Block
If you are using the WP5+ block editor, and want to add a form using the shortcode instead of the Gravity Forms block, there is actually a Shortcode block (under the Widgets category), which once added will accept a standard Gravity Forms shortcode.
To do this, follow these steps:
Note the form ID of the form you wish to insert on the page.
Within the new block-based editor, bring up the (+) or 「add new block」 dialog where you would like to position it on the page.
Use the search bar to find the Shortcode block and add it. See screenshot.
Insert a valid Gravity Forms shortcode inside the shortcode block. Don』t forget to add the specific form ID you noted within the id=X argument. See screenshot.
Preview your form, and make sure everything checks out!
Possible Errors
If you use the id for a form that does not exist, the following message will be displayed:
1Oops! We could not locate your form.
Shortcode Actions
Other plug-ins can extend the abilities of your Gravity Forms shortcode. Refer to this article for information on additional shortcode functionality that comes with our official User Registration plugin.
Pre-RequisitesSetup
Pre-Requisites
WordPress v4.9+
Gravity Forms v1.9.14+
PHP 5.6+ with GD library support
Download and install the add-on
The Gravity Forms Signature Add-On requires your web server』s PHP configuration to have the GD library installed and working properly. The GD library is used to create the signature image file on the server.
Setup
Setting up the Gravity Forms Signature Add-On is easy. Once you have installed and activated the plugin, you』re done!
Now you』re ready to begin using the Signature Add-On.
Pre-RequisitesGetting to the Mollie SettingsModeConnecting to LiveConnecting to TestNotes
Pre-Requisites
Gravity Forms and Gravity Forms Mollie Add-On installedSSL Certificate Installed and ConfiguredA Mollie Account
Getting to the Mollie Settings
The Mollie Settings will allow you to connect and authenticate to your Mollie account. It will allow you to connect to either your Live or Test Mollie environment.
Navigate to your Mollie Add-On Settings page:
Log into your WordPress admin dashboard.On the left side navigation menu, hover over Forms and click on Settings.Click on the Mollie tab.
Mode
Specify the environment you want to send your form submissions to. Choosing Live will send transactions to your live/production Mollie account and may initiate real charges. Test will pass the form entry into your Mollie Test environment, which will not generate any real transactions.
Under Mollie Account, select the Mode to use for Mollie integration: Live or Test.Continue in the sections below labeled Connecting to Live or Connecting to Test.
Connecting to Live
Select the Mode Live and Click the Connect with Mollie button.Your web browser will pass you to a new screen showing 「Redirecting you to Mollie…」 Login with your Mollie Account and Sign In. You will be directed to a Mollie Permissions screen with the message 「Gravity Forms requests access to your Mollie Organization:」 and a list of the permissions that are necessary for the feed to be properly configured. If you have multiple organizations under this account, you can select the correct organization from the drop-down list provided. Click Allow Access to accept the listed permissions for Gravity Forms access to your Mollie account. This will connect your Mollie account to Gravity Forms. You will be returned to the Mollie Settings tab. You should see 「Connected to Mollie as」 with your Organization name. A new section will also be added for Website Profile and a drop-down allowing you to select your Profile from your Mollie Account. Your default Business Location in Mollie will be selected, but if you have more than one in your account, you can select the correct one from this list. Click Update Settings to finish configuring your Mollie Settings.
Once you have entered your Mollie settings, you』re ready to begin Setting up a Mollie Compatible Form.
Connecting to Test
You can switch back and forth between Live and Test at the Mollie Settings screen once you』ve made the initial connection to your account.
To Switch to Test, select Test under Mode and Click Update Settings.To Switch to Live, select Live under Mode and Click Update Settings.
Once you have entered your Mollie settings, you』re ready to begin Setting up a Mollie Compatible Form.
Notes
When connecting and testing transactions in Test Mode, the customer data is always shown as 「Test Consumer/[email protected]」 in the Mollie Dashboard, under Payment Details, regardless of the billing information mapped.
Pre-RequisitesIntroductionAvailable Payment MethodsCreate Your FormSummaryNotes
Pre-Requisites
Refer to the article Setup the Mollie Add-on
Introduction
The next step in integrating the Mollie Add-on is to create the form you are going to use. This can include existing forms. To be compatible with the Mollie Add-on, your Gravity Form must contain at least the following fields:
A Pricing fieldA Mollie field, which provides Payment Method selection and Credit Card Inputs.A Name fieldAn Email fieldAn Address field
Note: Billing information fields are almost all required (only the Address Line Two and State are optional) to create an Order with a Payment. Customer data only appears in Order details within the Mollie dashboard.
Available Payment Methods
With the Mollie Add-on, you can configure Product or One-time Donation payments. The Mollie Add-on does not currently support recurring payments or subscriptions. If you require such functionality, you can specify your need via our Product Roadmap.
Create Your Form
From the left-hand navigation menu of your WordPress admin dashboard, hover over Forms and click on New Form.Enter a Form Title and Form Description. Click Create Form. Alternatively you can hover over Forms and click on Forms to choose an existing form from the list.Add fields for capturing standard Customer payment information. We included the Name, Address and Email fields to get basic information from customers. Note: These are required fields for the Feed to Mollie.
Add the required fields to your form and configure them as needed. These include Pricing fields of your choice. In the example below, the Shirt, Shipping, and Total serve as the Pricing fields.
Add the Mollie Field – Expand the Pricing Fields section and add the Mollie field to your form to collect payment information via the Mollie field, which provides Credit Card and Cardholder Name input along with Payment Method selection. See the Mollie Field documentation for a full-breakdown of configuring this field. If you have another Payment Gateway add-on installed and active, the Gravity Forms Credit Card Field is still available in case you are allowing users to choose from a list of payment processors, such as Stripe and Authorize.Net (the standard Credit Card field is needed for Authorize.Net』s processing). Conditional logic can be used to show/hide the Credit Card field depending on the payment processor selection.
If your form does not look exactly like the image above, don』t panic. Every form will vary depending on which fields were selected and what order they were added to the form. As long as you have pricing fields of some sort and the Mollie field, your form is valid for integration.
Summary
Now that you have created your form for Mollie, visit Creating a Feed for the Mollie Add-On for the next step in the integration process. This is a critical step. If it is not completed, nothing is sent to Mollie for processing.
Note that a pre-configured feed will be created in the Form Settings > Mollie area when a form containing a Mollie Field is saved, and a feed does not already exist.
If you need help with creating forms, visit Creating a Form for more information.
Notes
When using Page fields to create a multi-page form, the Mollie field should be located on the last page of the form.If you delete the Mollie field from your form, the Mollie feeds will automatically deactivate to prevent them from running during form submission, which as the field is missing, would cause a validation error due to Mollie being unable to capture the card details.Your Gravity Forms Currency Settings must match the Currency Settings in your Mollie account or you will get an error message upon adding the Mollie field that your Mollie account doesn』t have any payment methods that match the currency settings on your form.
Pre-RequisitesSetup
Pre-Requisites
Download and install the add-onA PayPal Payments Standard account
Notice: As of September 2016, the PayPal IPN will require SSL/HTTPS on all IPN callbacks. If you are using the PayPal IPN, you will need to obtain an SSL certificate.
Setup
Once you have installed the PayPal Payments Standard Add-On, it』s time to set it up for use. Here』s how to easily set up the add-on to start accepting payments from your form.
As the PayPal Payments Standard Add-On uses IPN to receive notifications from PayPal that a payment has been successfully completed, you will need to configure the IPN within PayPal. If you are unsure of how to do so, review our article on configuring PayPal Standard IPN settings.Log into your WordPress admin dashboard.On the left side navigation menu, hover over Forms and click on Settings.Click the PayPal Payments Standard tab.
Select the checkbox labeled PayPal IPN Setting to confirm that you have configured your PayPal IPN settings to use the Gravity Forms PayPal Payments Standard Add-On.Click Update Settings.
That』s it! The PayPal Payments Standard Add-On is now configured. You』re ready to begin creating a feed for the PayPal Payments Standard Add-On.
Pre-RequisitesGetting to the Square SettingsModeConnecting to LiveConnecting to Sandbox
Gravity Forms and Square are offering a 「Free Processing Promotion」 for new Square customers that can save you credit card fees for up to 180 days. Go here for details.
Pre-Requisites
Gravity Forms and Gravity Forms Square Add-On installedSSL Certificate Installed and ConfiguredA Square Account
Getting to the Square Settings
The Square Settings will allow you to connect and authenticate to your Square account. It will allow you to connect to either your Live or Sandbox Square environment.
Navigate to your Square Add-On Settings page:
Log into your WordPress admin dashboard.On the left side navigation menu, hover over Forms and click on Settings.Click on the Square tab.
Mode
Specify the environment you want to send your form submissions to. Choosing Live will send transactions to your live/production Square account and may initiate real charges. Sandbox will pass the form entry into your Square Sandbox environment, which will not generate any real transactions.
Your Gravity Forms Currency Settings must match the Currency Settings in your Square account or you will get an error when attempting to connect to Square.
Under Account Settings, select the Mode to use for Square integration: Live or Sandbox.Continue in the sections below labeled Connecting to Live or Connecting to Sandbox.
Connecting to Live
Select the Mode Live and Click the Connect with Square button.Your web browser will pass you to a new screen showing 「Redirecting you to Square…」If you aren』t automatically redirected, there is a link to follow in the form that will take you to the Square authentication page.Login with your Square Account and Sign In.You will be directed to a Square Permissions screen with the message 「Gravity Forms is requesting permission to do the following:」 and a list of the permissions that are necessary for the feed to be properly configured.Click Allow to accept the listed permissions for Gravity Forms access to your Square account. This will connect your Square account to Gravity Forms.You will be returned to the Square Settings tab. You should see 「Connected to Square as」 with your account name.A new section will also be added for Business Location. Your default Business Location in Square will be selected, but if you have more than one in your account, you can select the correct one from this list.Click Update Settings to finish configuring your Square Settings.
Once you have entered your Square settings, you』re ready to begin Setting up a Square Compatible Form.
Connecting to Sandbox
Configuring the Sandbox connection requires a Developer account configured at Square. Please read the article on Creating a Square Sandbox Account for Testing prior to completing this step.
Once you have launched the Seller Test account from the Square Developer Dashboard, you can continue connecting your Sandbox Account to the Square Add-on:
Select the Mode Sandbox and Click the Connect with Square button.Your web browser will pass you to a new screen showing 「Redirecting you to Square…」If you have not opened the Seller Dashboard properly, you will get the following error screen:If you do not get the above error message, skip to Step 4. Otherwise, you will need to Open the Sandbox Seller Dashboard in a new window first.You will be directed to a Square Permissions screen with the message 「Gravity Forms is requesting permission to do the following:」 and a list of the permissions that are necessary for the feed to be properly configured.Click Allow to accept the listed permissions for Gravity Forms access to your Square Sandbox account. This will connect your Square Sandbox account to Gravity Forms.You will be returned to the Square Settings tab. You should see 「Connected to Square as」 with your Sandbox Application Name.A new section will also be added for Business Location. Your default Test Account Application in Square will be selected, but if you have more than one in your account, you can select the correct one from this list.Click Update Settings to finish configuring your Square Settings.
Once you have entered your Square settings, you』re ready to begin Setting up a Square Compatible Form.
