> For the complete documentation index, see [llms.txt](https://help.checkoutchamp.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.checkoutchamp.com/crm/gateway-setup/gateway-integrations/square-payments/square-payments-v2-checkout-champ-builder-set-up.md).

# 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>