Widget Source

Why use Widget Source?
  • Create multiple widgets easily
  • Build cool mashups with other web services
  • Integrate widgets with your web site experience

What is Widget Source?

Widget Source is a new way to create Amazon Widgets in-code.

Until now, the only way for you to create a widget was by using our WYSIWYG widget editor in Associates Central. If you wanted to create a large number of widgets, it was tedious to build each widget by hand.

Using Widget Source, you can now create widgets programmatically and embed them anywhere on your site. Widget Source gives you complete programmatic control over the widget look-and-feel and provides you with multiple ways to add products to the widget. Learn more

How do I use Widget Source?

  1. Modify the widget source template by adding/changing parameter key/value pairs. For a complete list of applicable parameters, refer to the 'List of Parameters' table below. Click the 'Update Preview' button to see a preview of the widget after you modify the widget template.

    Widget Source Template

    Copied
    padding

    Preview

    List of Parameters

    The look-and-feel of your widget is determined by the list of parameters below. You can choose a preset Design and Color theme by specifying the Design and ColorTheme parameters. You can also modify an existing theme by specifying the override parameters associated with each Design.

    design colorTheme Overrides
    1 Blues
    Pistachio
    RedGrey
    Pink
    Pumpkin
    Parameter Values
    outerBackgroundColor Any hex color value (i.e. #CC6600)
    innerBackgroundColor
    headerTextColor
    linkedTextColor
    bodyTextColor
    roundedCorners True, False
    2 Default
    Blue
    Grey
    Orange
    Pink
    White
    Parameter Values
    outerBackgroundColor Any hex color value (i.e. #CC6600)
    backgroundColor
    borderColor
    headerTextColor
    linkedTextColor
    bodyTextColor
    3 Cinnamon
    Peppermint
    Spearmint
    Parameter Values
    headerTextColor Any hex color value (i.e. #CC6600)
    linkedTextColor
    bodyTextColor
    4 Onyx
    Cobalt
    Ruby
    Parameter Values
    headerTextColor Any hex color value (i.e. #CC6600)
    linkedTextColor
    bodyTextColor
    5 BrushedSteel
    BrushedNickel
    BrushedCopper
    Parameter Values
    headerTextColor Any hex color value (i.e. #CC6600)
    linkedTextColor
    bodyTextColor
  2. Embed the completed widget code on your web site.