# Weebly

Weebly allows you to create your own website without any programming skills. The tool includes templates, e-commerce features, and content management capabilities.

## Links <a href="#links" id="links"></a>

* Weebly [Website](https://www.weebly.com/)
* Weebly [Login](https://www.weebly.com/app/front-door/signin)
* Weebly [Registration](https://www.weebly.com/signup)

## Integration <a href="#integration" id="integration"></a>

The following guide will help you successfully integrate Payrexx into Weebly.

### Configuration of Payrexx

{% hint style="info" %}
Make sure you're [logged in](https://login.payrexx.com/) to your Payrexx account before you begin. If you don’t have a Payrexx account yet, you can [register](https://signup.payrexx.com/) now.
{% endhint %}

* Navigate to **Pages > Overview** in the main menu of your Payrexx account.
* Select the sales page you want to publish on your Weebly website by hovering over the corresponding row and clicking on the "Integrate" icon:

<div align="left"><figure><img src="https://1455115231-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MYJhU4qriZCz_Wxs0T0-887967055%2Fuploads%2FM129EuqDqV8kRl6Drgtw%2Fimage.png?alt=media&#x26;token=ac9d757e-389a-43cd-a434-f2ad3d3aa3f4" alt=""><figcaption><p>Start integrating a page from Payrexx into Weebly</p></figcaption></figure></div>

* A new window will open where you can choose to integrate the page using a [button](#integration-using-a-button), [link](#integration-using-a-link), or [iFrame](#integration-using-an-iframe).

#### Integration using a button

Make the following settings to integrate your sales page into Weebly using a button:

<div align="left"><figure><img src="https://1455115231-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MYJhU4qriZCz_Wxs0T0-887967055%2Fuploads%2F3Oc5997h6qtA8cGY9lm5%2Fimage.png?alt=media&#x26;token=f37a11b7-9985-4231-b705-4362fae65ac7" alt=""><figcaption><p>Settings for integrating a Payrexx Page as a button</p></figcaption></figure></div>

1. Under "Embed as," select the "Button" option.
2. Decide whether the button should open in a new window or not when clicked.
3. Choose a label for the button or define your own.
4. Set the language for the button text.
5. Customize the button by selecting colors, font, and other settings.
6. Copy the code to the clipboard to paste it into Weebly later.

#### Integration using a link

To integrate your sales page into Weebly using a link, please make the following settings:

<div align="left"><figure><img src="https://1455115231-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MYJhU4qriZCz_Wxs0T0-887967055%2Fuploads%2FaCjpIZBKyh2Lg5BqgXpR%2Fimage.png?alt=media&#x26;token=bc787032-3a2b-4f3b-af95-d6898391fe98" alt=""><figcaption><p>Settings for integrating a Payrexx Page as a link</p></figcaption></figure></div>

1. Under "Embed as," select the "Link" option.
2. Decide whether the link should open in a new window when clicked.
3. Choose a text for the link or define your own.
4. Set the language for the link text.
5. Copy the code to the clipboard to paste it into Weebly later.

#### Integration using an iFrame

Make the following settings to integrate your sales page into Weebly using an iFrame:

<div align="left"><figure><img src="https://1455115231-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MYJhU4qriZCz_Wxs0T0-887967055%2Fuploads%2FV9pwzMLhcW31rk9m1H1I%2Fimage.png?alt=media&#x26;token=f0d8a730-d793-4d3a-bb89-461bf7dc64d1" alt="" width="433"><figcaption><p>Settings for integrating a Payrexx Page as a link</p></figcaption></figure></div>

1. Under "Embed as," select the "iFrame" option.
2. Copy the code to the clipboard to paste it into Weebly later.

### Configuration of Weebly

{% hint style="info" %}
Make sure you are [logged in](https://account.e.jimdo.com/login) to Weebly before you begin.
{% endhint %}

* Navigate to **Website > Edit Site** in the main menu of your Weebly account.
* Click "Edit" in the top right corner.
* Drag the "Custom HTML Icon" to the area of your website where you want to embed the Payrexx sales page:

<div align="left"><figure><img src="https://1455115231-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MYJhU4qriZCz_Wxs0T0-887967055%2Fuploads%2FqLVamrhFwCCdJfmqItF2%2Fimage.png?alt=media&#x26;token=afe4e273-c2f7-44b5-a05e-a3ba078e79f5" alt="" width="563"><figcaption><p>Inserting a Payrexx Page into your Weebly website</p></figcaption></figure></div>

* Click in the created field.
* In the next window, click "Edit Custom HTML":

<div align="left"><figure><img src="https://1455115231-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MYJhU4qriZCz_Wxs0T0-887967055%2Fuploads%2FbDRIinqlyjOolVDnLCYP%2Fimage.png?alt=media&#x26;token=34a3fa48-0a00-46d8-8af2-fb2326d98d81" alt="" width="325"><figcaption><p>Editing custom HTML in Weebly</p></figcaption></figure></div>

* Paste the code for the [button](#integration-using-a-button), [link](#integration-using-a-link), or [iFrame](#integration-using-an-iframe) that you previously copied from Payrexx into the white field.

{% hint style="success" %}
The integration of the Payrexx Page into your Weebly website is complete.
{% endhint %}
