# Quick Setup

Once the plugin has been properly [installed and activated](https://www.wpbeginner.com/beginners-guide/step-by-step-guide-to-install-a-wordpress-plugin-for-beginners/), you'll be directed to the following Quick Setup steps under the Payment Page menu (#1 in screenshot). &#x20;

### Connect your Payment Gateway

Currently, Stripe and PayPal are supported, so you can connect either of those payment gateways by clicking the corresponding buttons (#2 in screenshot).&#x20;

![Payment Page Quick Setup](/files/EubU0fG6F0fGlOJeCHmQ)

You can switch to LIVE and TEST modes at any time. The switchers control LIVE and TEST modes globally for all payment forms on your site (#3 in screenshot).

{% hint style="warning" %}
Payment Gateways must be connected in LIVE and TEST modes independently.&#x20;
{% endhint %}

Once you've connected your payment gateway in both LIVE and TEST modes, be sure to activate all the relevant payment methods you want to use. Click to expand the payment methods section (#4 in screenshot), and check the boxes next to each payment method (#5 in screenshot).&#x20;

![Activating Payment Methods](/files/jrzdG5rBuvKKZr39BgH6)

{% hint style="info" %}
The [free version](https://wordpress.org/plugins/payment-page/) of Payment Page supports **one-time payments** with Credit + Debit Cards for both Stripe and PayPal.&#x20;

Additional **payment methods** for each gateway and **recurring subscription payments** are supported on the [PRO Plan](https://paymentpageplugin.com/pricing/) or higher.&#x20;
{% endhint %}

After you've finished connecting the payment gateway, the next step is to Select a Template.

### Select a Template

There are free and paid [Templates](https://paymentpageplugin.com/templates/) included with Payment Page for you to easily get started with a beautiful page and form to accept payments from customers.&#x20;

{% hint style="warning" %}
Templates all require the free or paid version of [Elementor](https://elementor.com/?ref=12436) to be installed at this point in time. We may support other page builders later.&#x20;
{% endhint %}

If you don't have Elementor installed, the free version of Elementor will be automatically installed and activated once you click Install Elementor Now.&#x20;

![Select a Template - Install Elementor Now](/files/QfXPmJQqOfhahnckZLrk)

Next, click "Import" to import your preferred template and start editing, or click "Upgrade" to access the paid templates. The green checkmark indicates that Elementor is installed.&#x20;

![Importing a Template](/files/y0R4O84K3iZSGWZAlwnv)

### Manual Setup

If the import process doesn't work for any reason, or you simply want to start fresh and fully customize your Payment Page, you can drag and drop the Payment Page Form Widget onto any Elementor page:

<figure><img src="/files/teuep9rNMU9309SFa5VI" alt=""><figcaption><p>Payment Page Form Elementor Widget</p></figcaption></figure>

### Customize your Payment Page

Hover over your payment form, and click the blue box with the pen icon to start [customizing your Payment Page settings](https://docs.paymentpageplugin.com/pricing-options/plans-pricing-options) with the powerful Elementor Widget.&#x20;

Start editing and designing your payment form by selecting the Content, Style, or Advanced tabs in the upper left corner (#7 in screenshot).&#x20;

![Customizing a Payment Page](/files/4SiBG8XoHek2szI0CdpD)

After customizing your payment page, click on the green button on the lower left side to "Publish" or "Update" changes (#8 in screenshot).&#x20;

On the upper left corner, click on the three horizontal lines, and go to "View Page" to see your published Payment Page (#9 in screenshot).

![Viewing Published Page in Elementor](/files/stoWw04Rv6XBMxjvnWbt)

Read more to learn about the customization options and features available with Payment Page.

{% content-ref url="/pages/-MdJxruCVAVJI98QbpfO" %}
[Plan & Pricing Options](/pricing-options/plans-pricing-options.md)
{% endcontent-ref %}

{% content-ref url="/pages/-MdJxogGoEcufXVt-oJ8" %}
[Style & Design Options](/styling-options/style-design-options.md)
{% endcontent-ref %}


---

# 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://docs.paymentpageplugin.com/getting-started/setting-up-payment-page.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.
