# Weebly

## Allgemein

Mit Weebly lässt sich ohne Programmierkenntnisse eine eigene Webseite erstellen. Das Tool beinhaltet unter anderem Vorlagen, E-Commerce-Funktionen und eine Inhaltsverwaltung.

### Links

* [Login](https://www.weebly.com/app/front-door/signin) bei Weebly
* [Registrierung](https://www.weebly.com/signup) bei Weebly
* [Webseite](https://www.weebly.com/) von Weebly

## Setup

Mit der folgenden Anleitung gelingt die Integration von Payrexx in Weebly.

### Konfiguration von Payrexx

{% hint style="info" %}
Bitte beachte, dass Du bei Payrexx [eingeloggt](https://login.payrexx.com/de) sein musst, bevor Du beginnst. Falls Du noch kein Konto hast, [registriere](https://signup.payrexx.com/de/email-validation/) Dich bitte bei Payrexx.
{% endhint %}

* Navigiere im Hauptmenü Deines Payrexx-Kontos zu **Pages > Übersicht**.
* Wähle die Verkaufsseite aus, die Du auf Deiner Weebly-Webseite veröffentlichen möchtest, indem Du mit dem Mauszeiger über die entsprechende Zeile fährst und auf das Symbol "Integrieren" klickst:

<div align="left"><figure><img src="https://3244062149-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MYJhU4qriZCz_Wxs0T0-543259558%2Fuploads%2F4LBSuTkETHGgGXoeASPD%2Fimage.png?alt=media&#x26;token=2e8d1e92-d3b9-49d4-9120-cf8c90b617ff" alt=""><figcaption><p>Beginn der Integration einer Page aus Payrexx in Weebly</p></figcaption></figure></div>

* Es öffnet sich ein neues Fenster, in dem Du festlegen kannst, ob Du die Page mittels [Button](#integration-mittels-button), [Link](#integration-mittels-link) oder [iFrame](#integration-mittels-iframe) integrieren möchtest.

#### Integration mittels Button

Nimm die folgenden Einstellungen vor, um Deine Verkaufsseite mittels Button in Weebly zu integrieren:

<div align="left"><figure><img src="https://3244062149-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MYJhU4qriZCz_Wxs0T0-543259558%2Fuploads%2F4U3jfuZ4yp8BaDUxvNxo%2Fimage.png?alt=media&#x26;token=8dd28561-8a05-4b28-89f6-d56e157af2c7" alt=""><figcaption><p>Einstellungen zur Integration einer Verkaufsseite als Button</p></figcaption></figure></div>

1. Wähle unter "Einbinden als" die Option "Button".
2. Entscheide, ob sich beim Anklicken des Buttons ein neues Fenster öffnen soll oder nicht.
3. Wähle eine Beschriftung für den Button aus oder definiere eine eigene.
4. Lege die Sprache des Button-Textes fest.
5. Gestalte den Button, indem Du Farben, Schriftart und weitere Einstellungen vornimmst.
6. Kopiere den Code in die Zwischenablage, um ihn später in Weebly einfügen zu können.

#### Integration mittels Link

Um Deine Verkaufsseite mittels Link in Weebly zu integrieren, nimmst Du bitte die folgenden Einstellungen vor:

<div align="left"><figure><img src="https://3244062149-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MYJhU4qriZCz_Wxs0T0-543259558%2Fuploads%2FRsSfKUWtkVOB3LneTHoz%2Fimage.png?alt=media&#x26;token=731534a2-18bc-4d3b-b0c5-a8e38e223d76" alt=""><figcaption><p>Einstellungen zur Integration einer Verkaufsseite als Link</p></figcaption></figure></div>

1. Wähle unter "Einbinden als" die Option "Link".
2. Entscheide, ob sich beim Anklicken des Links ein neues Fenster öffnen soll oder nicht.
3. Wähle einen Text für den Link aus oder definiere einen eigenen.
4. Lege die Sprache des Link-Textes fest.
5. Kopiere den Code in die Zwischenablage, um ihn später in Weebly einfügen zu können.

#### Integration mittels iFrame

Nimm die folgenden Einstellungen vor, um Deine Verkaufsseite als iFrame in Weebly zu integrieren:

<div align="left"><figure><img src="https://3244062149-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MYJhU4qriZCz_Wxs0T0-543259558%2Fuploads%2Ft3yYnsiYP9bKw28vmTub%2Fimage.png?alt=media&#x26;token=19dd8f84-cd76-4cc3-bce6-61226defae51" alt="" width="433"><figcaption><p>Einstellungen zur Integration einer Verkaufsseite als iFrame</p></figcaption></figure></div>

1. Wähle unter "Einbinden als" die Option "iFrame".
2. Kopiere den Code in die Zwischenablage, um ihn später in Weebly einfügen zu können.

### Konfiguration von Weebly

{% hint style="info" %}
Stelle sicher, dass Du bei Weebly [eingeloggt](https://www.weebly.com/app/front-door/signin) bist, bevor Du beginnst.
{% endhint %}

* Navigiere im Hauptmenü Deines Weebly-Kontos zu **Webseite > Webseite bearbeiten**.
* Klicke rechts oben auf "Bearbeiten".
* Ziehe das Symbol für benutzerdefiniertes HTML an diejenige Stelle Deiner Webseite, an der Du die Verkaufsseite aus Payrexx einbinden möchtest.

<div align="left"><figure><img src="https://3244062149-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MYJhU4qriZCz_Wxs0T0-543259558%2Fuploads%2FeeHN5e97bqhrCSX2eLB6%2Fimage.png?alt=media&#x26;token=d3ba537c-8ad7-4d96-b611-eb3e464924fa" alt="" width="563"><figcaption><p>Einfügen einer Verkaufsseite in die Webseite bei Weebly</p></figcaption></figure></div>

* Klicke in das entstandene Feld.
* Klicke im nächsten Fenster auf "Benutzerdefiniertes HTML bearbeiten":

<div align="left"><figure><img src="https://3244062149-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MYJhU4qriZCz_Wxs0T0-543259558%2Fuploads%2FsrjsF9JHPXaXuIPvxxEe%2Fimage.png?alt=media&#x26;token=c6272034-2cdf-4cca-bfdc-8bdfa597367a" alt="" width="321"><figcaption><p>Bearbeiten von benutzerdefiniertem HTML in Weebly</p></figcaption></figure></div>

* Füge den zuvor in Payrexx kopierten Code für den [Button](#integration-mittels-button), den [Link](#integration-mittels-link) oder das [iFrame](#integration-mittels-iframe) in das folgende Feld ein:

<div align="left"><figure><img src="https://3244062149-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MYJhU4qriZCz_Wxs0T0-543259558%2Fuploads%2FFd2iCEAXlDLpbRWEKIiQ%2Fimage.png?alt=media&#x26;token=1e73d16c-6353-4745-87b2-fa0496ced24a" alt="" width="517"><figcaption><p>Einfügen des Codes aus Payrexx für die Anzeige auf der Webseite</p></figcaption></figure></div>

{% hint style="success" %}
Die Integration der Verkaufsseite aus Payrexx in die Weebly-Webseite ist abgeschlossen.
{% endhint %}