Widget Source

Vorteile:
  • Widget Inhalte dynamisch anpassbar
  • Kombinierbar mit anderen interaktiven Anwendungen
  • Voll anpassbar an die Bedürfnisse Ihrer Besucher

Was ist Widget Source?

Mit Widget Source können Sie den Code von Amazon Widgets automatisiert anpassen.

Bis jetzt bestand die einzige Möglichkeit Amazon Widgets zu erstellen darin, den Editor im PartnerNet zu benutzen. Das Erstellen mehrerer Widgets gleichzeitig mit nur geringfügig unterschiedlichen Inhalten wurde so zu einer mühseligen Fingerübung.

Mit Widget Source können Sie nun ausgewählte Amazon Widgets direkt im Quellcode beeinflussen. Widget Source gibt Ihnen die vollständige Kontrolle über das Aussehen Ihrer Widgets und versetzt Sie in die Lage, die Inhalte durch die Veränderung von Quelltextparametern zu steuern. Mehr

Wie benutze ich Widget Source?

  1. Passen Sie das Widget Source-Template an, indem Sie Werte oder Parameter ergänzen bzw. ändern. Eine vollständige Liste editierbarer Parameter finden Sie in der "Parameterliste" weiter unten auf dieser Seite. Klicken Sie auf "Vorschau aktualisieren", um eine neue Widget-Vorschau gemäß Ihrer letzten Änderungen zu generieren.

    Widget Source-Template

    Kopiert
    padding

    Vorschau

    Parameterliste

    Das 'Look and Feel' Ihres Widget wird mit Hilfe der hier aufgeführten Parameter definiert. Sie können ein bestehendes Design- und Farbtemplate auswählen, indem Sie den entsprechenden Design- und Farbparameter im Quellcode eintragen. Alternativ können Sie auch ein bestehendes Design- und Farbtemplate ändern. Spezifizieren Sie dazu einfach die entsprechenden Design- und Farbparameter Ihrer Wahl.

    design colorTheme Design- und Farbparameter
    1 Blues
    Pistachio
    RedGrey
    Pink
    Pumpkin
    Parameter Werte
    outerBackgroundColor Jeder Hex-Farbwert (z.B. # CC6600)
    innerBackgroundColor
    headerTextColor
    linkedTextColor
    bodyTextColor
    roundedCorners True, False
    2 Default
    Blue
    Grey
    Orange
    Pink
    White
    Parameter Werte
    outerBackgroundColor Jeder Hex-Farbwert (z.B. # CC6600)
    backgroundColor
    borderColor
    headerTextColor
    linkedTextColor
    bodyTextColor
    3 Cinnamon
    Peppermint
    Spearmint
    Parameter Werte
    headerTextColor Jeder Hex-Farbwert (z.B. # CC6600)
    linkedTextColor
    bodyTextColor
    4 Onyx
    Cobalt
    Ruby
    Parameter Werte
    headerTextColor Jeder Hex-Farbwert (z.B. # CC6600)
    linkedTextColor
    bodyTextColor
    5 BrushedSteel
    BrushedNickel
    BrushedCopper
    Parameter Werte
    headerTextColor Jeder Hex-Farbwert (z.B. # CC6600)
    linkedTextColor
    bodyTextColor
  2. Fügen Sie den fertigen Widget Code in Ihre Webseite ein.