Verwenden von Optionsfeldern auf Ihrer Website

Mit Optionsfeldern können Ihre Kunden Optionen für die gekauften Artikel angeben (wie z.B. Größe oder Farbe). Jeder Artikel kann bis zu zwei Optionen haben. Optionsfelder sind kompatibel mit Jetzt-kaufen-Buttons, PayPal-Warenkorb sowie "Abonnementzahlungen"-Schaltflächen.

Die Voraussetzungen für Ihre Optionsfelder sind wie folgt:

Die Namen der Optionen sind auf 30 Zeichen beschränkt.
Ihr Dropdown-Menü darf maximal 10 Menüpunkte mit jeweils 30 Zeichen enthalten (wenn Sie zur Generierung des HTML-Codes die Option "Buttons erstellen" verwenden). Wenn Sie den Code von Hand bearbeiten, können Sie zusätzliche Auswahlmöglichkeiten hinzufügen).
Optionsfelder können nicht für Optionen verwendet werden, die den Artikelpreis ändern.

Sie müssen erfahren im Bearbeiten von HTML-Code sein, um einige der in diesem Artikel beschriebenen Aufgaben durchzuführen.

Verwenden von "Buttons erstellen" zum Generieren von Optionsfeldern

Wenn Sie Optionen mithilfe von PayPal-"Buttons erstellen" hinzufügen, richtet der automatisch generierte Code Ihre Optionsfelder vertikal in einer unsichtbaren Tabelle aus und platziert die Schaltfläche "Jetzt kaufen" außerhalb der Tabelle. Sie müssen lediglich noch den Code in Ihre Webseite einfügen:

<form name="_xclick" action="https://www.paypal.com/de/cgi-bin/webscr" method="post">
<input type="hidden" name="cmd" value="_xclick">
<input type="hidden" name="business" value="me@mybiz.com">
<input type="hidden" name="currency_code" value="EUR">
<input type="hidden" name="item_name" value="T-Shirt">
<input type="hidden" name="amount" value="10.00">
<table>
  <tr>
    <td>
    <input type="hidden" name="on0" value="Size">Size</td>
    <td>
    <select name="os0">
     <option value="Select a Size">Select a Size
    <option value="Small">Small
    <option value="Medium">Medium
    <option value="Large">Large
    </select></td>
  </tr>
  <tr>
    <td>
    <input type="hidden" name="on1" value="Color" maxlength="200">Color</td>
    <td>
    <input type="text" name="os1"></td>
  </tr>
</table>
<input type="image" src="http://www.paypal.com/de_DE/i/btn/x-click-but01.gif" border="0" name="submit" alt="Make payments with PayPal - it's fast, free and secure!">
</form>

Anordnen von Optionsfeldern mit HTML

Sie können den HTML-Code auch bearbeiten, um die Darstellung der Optionsfelder auf Ihrer Website zu ändern. Horizontale Anordnung und Platzieren in einer einzigen Tabellenzeile (im Beispiel die Schaltfläche ebenfalls in diese Tabellenzeile aufnehmen):

<form name="_xclick" action="https://www.paypal.com/de/cgi-bin/webscr" method="post">
<input type="hidden" name="cmd" value="_xclick">
<input type="hidden" name="business" value="me@mybiz.com">
<input type="hidden" name="currency_code" value="EUR">
<input type="hidden" name="item_name" value="T-Shirt">
<input type="hidden" name="amount" value="10.00">
<table>
  <tr>
    <td>
    <input type="hidden" name="on0" value="Size">Size</td>
    <td>
    <select name="os0">
    <option value="Select a Size">Select a Size
    <option value="Small">Small
    <option value="Medium">Medium
    <option value="Large">Large
    </select></td>
    <td>
    <input type="hidden" name="on1" value="Color">Color</td>
    <td>
    <input type="text" name="os1" maxlength="200"></td>
    <td>
    <input type="image" src="http://www.paypal.com/de_DE/i/btn/x-click-but01.gif" border="0" name="submit" alt="Make payments with PayPal - it's fast, free and secure!"></td>
  </tr>
</table>
</form>

Verwenden anderer Arten von Feldern

Wenn Sie mit HTML vertraut sind, können Sie bei den Optionen auch andere Elemente (wie Optionsschaltflächen oder Kontrollkästchen) verwenden. Um PayPal die erforderlichen Daten zu übergeben, muss der unten stehende Code innerhalb der relevanten <form>-Tags stehen, und der HTML-Name des Optionsfelds muss "os0" bzw. "os1" sein:

<input type="radio" name="os0" value="Small"> Klein
<input type="radio" name="os0" value="Medium"> Mittel
<input type="radio" name="os0" value="Large"> Groß

Die entsprechenden Optionsnamen werden über verborgene Felder übergeben. Im HTML-Code sieht das wie folgt aus: