# WIX

## Allgemein

Mit der cloudbasierten Plattform von WIX können Händler ohne Programmierkenntnisse eigene Webseiten erstellen. Zudem bietet WIX Funktionen wie E-Commerce und Hosting sowie Tools zur Suchmaschinenoptimierung.

### Links

* [Login](https://users.wix.com/signin) bei WIX
* [Registrierung](https://users.wix.com/signin/signup/password?forceRender=true) bei WIX
* [Webseite](https://de.wix.com/) von WIX
* [Dokumentation](https://support.wix.com/de/dokumente-und-dateien) von WIX

## Integration

Mit der folgenden Anleitung gelingt die Integration Deiner Verkaufsseite aus Payrexx in WIX.

### 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 WIX-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%2FjLX6AML8F4W0qzr6wMS7%2Fimage.png?alt=media&#x26;token=d6c777d5-6781-4b8d-bf3d-b5ee472da302" alt=""><figcaption><p>Beginn der Integration einer Page aus Payrexx in WIX</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 WIX 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%2Fwf7XtTGqCmfttNDjNID7%2Fimage.png?alt=media&#x26;token=6f9d6420-d093-430a-a98c-daba9704cdac" 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 WIX einfügen zu können.

#### Integration mittels Link

Um Deine Verkaufsseite mittels Link in WIX 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%2F9mdgQgQm2x7bCBG41p0z%2Fimage.png?alt=media&#x26;token=b2df771b-1f25-4242-aee1-af9d196b9846" 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 WIX einfügen zu können.

#### Integration mittels iFrame

Nimm die folgenden Einstellungen vor, um Deine Verkaufsseite als iFrame in WIX 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%2Fd829zWeaQD50pWe6wCz5%2Fimage.png?alt=media&#x26;token=a924da87-ecc8-4e95-ba7b-8c257a3ab7c6" 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 WIX einfügen zu können.

### Konfiguration von WIX

{% hint style="info" %}
Stelle sicher, dass Du bei WIX [eingeloggt](https://users.wix.com/signin/) bist, bevor Du beginnst.
{% endhint %}

* Klicke auf "Webseite bearbeiten" und wähle die Seite aus, in die Du die Verkaufsseite aus Payrexx integrieren möchtest.
* Gehe zu jener Stelle, an der Du die Verkaufsseite aus Payrexx integrieren möchtest und klicke dort auf "Elemente hinzufügen".
* Klicke im linken Menü auf **Code einbetten** und wähle rechts die Option "HTML einbetten" aus:

<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%2FJXeY4h6VPvvNXGAiCjaK%2Fimage.png?alt=media&#x26;token=32c55404-62d0-4d49-a546-188a30ff29fd" alt=""><figcaption><p>Einbetten von HTML-Code in die Webseite von WIX</p></figcaption></figure></div>

* Füge den zuvor in Payrexx kopierten HTML-Code ins Feld ein (1) und definiere einen Alt-Text (2):

<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%2FZol6hkOtOsLoW7kCGRsb%2Fimage.png?alt=media&#x26;token=30965c3f-b507-4fce-98d2-348f0fe1f6b1" alt="" width="495"><figcaption><p>Einfügen des HTML-Codes in WIX</p></figcaption></figure></div>

{% hint style="info" %}
Auf einer Webseite sollte jedes Bild über einen Alt-Text verfügen. Dieser alternative Text wird angezeigt, wenn das Bild nicht verfügbar ist. Für Suchmaschinen und Screenreader sind Alt-Texte essenziell.
{% endhint %}

{% hint style="success" %}
Die Payrexx-Verkaufsseite ist damit erfolgreich in die Webseite integriert.
{% endhint %}