Contact Form 7 Square Payment Add-on

Information & Requirements


Contact Form 7 Square Payment Add-On Introduction

Contact Form 7 Square is a WordPress plugin that enables users to pay through using contact form 7 via the Square payment gateway. This plugin will help you create contact forms and allow customers to process their Credit Cards payments through the Square payment gateway.

Contact Form 7 Square Payment Add-On Features

  • Contact Form 7 Square plugin provides you an option to add Square payment settings and specify price per each contact form.
  • You can add the Square Credit Card pricing field per selected form.
  • Test Account allows you to use Sandbox so you can test transactions before making live transactions.
  • Send 60 Characters to Square Transaction Note of selected fields of each form.
  • Compatible with Contact Form 7 Cost Calculator too.
  • Users can insert the custom amount to make payment.

Contact Form 7 Square Plugin Connection Process

Step#1: Connect Contact Form 7 With Square ​

Version 2.0, we have added the feature to connect Square Application with Square Contact Form 7 add-on. Click on the button “Connect with Square” and follow the instructions.

Contact Form 7 Square Payment Add-on

Insert the Square Application user and password to Sign In.

square application user

Click the “Allow” button to give permission.

give permission

You have an authenticated Square account and will land on API Experts page, here you have the option to get a redirect yourself back to the website.

Contact Form 7 Square Payment Add-on

When you get connected, select the location of your application from the dropdown and click Save Changes.

get connected

Contact Form 7 Square Plugin Setting Steps ​

Step#1: Add Square Payment Settings ​

Select the Square payment settings that will be added from (Contact–> Contact Form 7 Settings).

square payment settings
  • Add contact form Square Payment settings. (Add testing and live payment settings for Square payment account)
  • Add Square application settings to integrate with contact form (Token – Application ID – Location ID)
  • Add square application test mode settings. A testing credit card must be processed using the following data.

Test Card Data:
Card Number: 4532 7597 3454 5858
Card CVV: 111

Step#2: Add Contact Form 7 Square Credit Card Pricing Field ​

Add contact form Square Payment pricing field.

Contact Form 7 Square Payment Add-on

Add price for the form square. Add the following shortcode in the form email settings so that the payment transaction_ID will be sent in the payment confirmation email.

Short Code–>[cf7s_transaction_id]

Step#3: Form Preview In Back-end ​

Here is how the ‘Form’ looks in the backend setting.

how the form looks

CUSTOM AMOUNT CHECKING: User can enter a custom amount in Contact Form 7.

custom amount

LAST STEP: Form Preview in Front-End.

Your Contact form 7 with Square Payment settings looks like from the frontend.

last step form preview

1 year free updates included

1 year priority support included

Easy cancellation and refund policy


Scroll to Top