# Square Payments V2 (Checkout Champ builder set-up)

{% hint style="info" %}
**Disclaimers:**

CheckoutChamp **does not** store any card details for merchants using Square's Payment Gateway.

Square will work for one-time and recurring purchases.

Using Square on your checkout will force all of your offers and upsells to run against your Square gateway.
{% endhint %}

* [How to Obtain Square Credentials](#squarepaymentsv2-checkoutchampbuilderset-up-howtoobtainsquarecredentials)
* [Gateway Setup](#squarepaymentsv2-checkoutchampbuilderset-up-gatewaysetup)
* [Checkout Page Setup](#squarepaymentsv2-checkoutchampbuilderset-up-checkoutpagesetup)
* [Upsell Page Setup](#squarepaymentsv2-checkoutchampbuilderset-up-upsellpagesetup)

***

### **How to Obtain Square Credentials** <a href="#squarepaymentsv2-checkoutchampbuilderset-up-howtoobtainsquarecredentials" id="squarepaymentsv2-checkoutchampbuilderset-up-howtoobtainsquarecredentials"></a>

**Step 1.** Go [here ](https://squareup.com/us/en/developers)and login to the Square Developer Dashboard using your Square credentials

**Step 2.** Once logged into the Developer Dashboard click **New Application**

<figure><img src="/files/FRMfCmAQjKK9X3YXZjx0" alt=""><figcaption></figcaption></figure>

**Step 3. Name** and **Create** your Application, Doing so gives you complete API access for your Square merchant account.

<figure><img src="/files/EncJZgw7wCR9etV82nGw" alt="" width="563"><figcaption></figcaption></figure>

**Step 4** Once you have created your Application, Navigate to the **Credentials** Section.&#x20;

&#x20;       **Step 4a: Make sure to turn Sandbox Mode OFF.**

<figure><img src="/files/6F3kRPUIEgBmIeCtz1R4" alt=""><figcaption></figcaption></figure>

**Step 5.** Once you have turned off Sandbox Mode you will be able to access your **Application Id**

**Reference:** [Get Started](https://developer.squareup.com/docs/get-started)

<figure><img src="/files/C2dH0lYqezcVKoa3BguB" alt=""><figcaption></figcaption></figure>

**Step 6.** Navigate to the Locations Section to uncover your **LocationId**

<figure><img src="/files/2VJ74duyWew1LHmI41lV" alt=""><figcaption></figcaption></figure>

### &#x20;**Gateway Setup** <a href="#squarepaymentsv2-checkoutchampbuilderset-up-gatewaysetup" id="squarepaymentsv2-checkoutchampbuilderset-up-gatewaysetup"></a>

**Step 1**. Go to your funnel **Settings** >**Payments**

**Step 2**. Go to the **Square Gateway**

**Step 3**. If you have previously setup your Square gateway, then select it

**Step 4**. To add your Square gateway, press the  button. Enter a Title and then your **ApplicationID**, **AccessToken,** and **LocationId**.

<figure><img src="/files/MF7NKYdCSUsrQa3D2sUk" alt=""><figcaption></figcaption></figure>

<figure><img src="/files/7y5fiNX1M9KNhV43fGcZ" alt=""><figcaption></figcaption></figure>

**Step 5**. Save the gateway setup

**Step 6**. Enter your **Application ID** and **Location ID** again below the **Square Gateway**

**Step 7**. Press **Save & Continue**<br>

### **Checkout Page Setup** <a href="#squarepaymentsv2-checkoutchampbuilderset-up-checkoutpagesetup" id="squarepaymentsv2-checkoutchampbuilderset-up-checkoutpagesetup"></a>

**Step 1**. Edit your checkout page

**Step 2**. Remove any card number, expiration date, and cvv elements from the page

**Step 3**. Go to **Open Blocks > Forms**

<figure><img src="/files/BBrs4B6GbHlDcSO3Q63J" alt=""><figcaption></figcaption></figure>

**Step 4**. Drag the **Square Checkout** element onto the page in the spot where the card information was removed

**Step 5**. Your checkout page should have a Square element on the page similar to this. When the live page loads this element will be replaced by Square card elements.

<figure><img src="/files/noDU7zeSMNCVV32peWOk" alt=""><figcaption></figcaption></figure>

**Step 6**. Verify your checkout button is configured correctly. There is no special configuration needed for Square.

**Step 7**. Save your checkout page

**Step 8**. Exit the page builder

**Step 9**. Publish

### **Upsell Page Setup** <a href="#squarepaymentsv2-checkoutchampbuilderset-up-upsellpagesetup" id="squarepaymentsv2-checkoutchampbuilderset-up-upsellpagesetup"></a>

Upsells work automatically with Square as the payment source on checkout pages. No additional work is required.<br>


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://help.checkoutchamp.com/crm/gateway-setup/gateway-integrations/square-payments/square-payments-v2-checkout-champ-builder-set-up.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.