The Shopbop widget can be modified to best fit your site aesthetic and readership through a customizable width as well as two distinct color schemes. The Shopbop widget also offers enhanced multilingual support, and the option to display the newest available items at Shopbop.com in the product category of your choice, such as denim or pumps.
Sites Incompatible with the Shopbop Widget
- BBpress
- Blogger
- Drupal
- OnSugar
- Tumblr
- Typepad
- Wordpress.com
Helpful Hints
- Please regularly flush or disable your cache.
The Shopbop widget periodically updates to display new product, and Wordpress caching solutions may disrupt this. - Please ensure that your blog uses a non-query string-based URL structure.
For example, blog.com/2012/10/postname/ rather than blog.com/?p=123. This ensures that your widget displays different products on each page.
- Download and install the Shopbop widget to your website or blog.
- Activate the Shopbop widget via the link sent to the email address you specified.
- Drag and drop the Shopbop widget into your blog sidebar on your Wordpress admin page.
- Log in to your blog as the administrator.
- In the left navigation bar, click Plugins.
Underneath Plugins, click Add New.
- Type Shopbop into the search bar.
Click the Search Plugins button.
- Click Install Now underneath Shopbop Widget.
When your browser prompts you to install the plugin, click OK. - When this screen loads, click the Activate Plugin link.
- Now, enter your email address in the User Email bar.
IMPORTANT Be sure to enter a valid email address that you can access immediately. An email will be sent to the address specified.
- Click the blue Save Changes button.
The following screen will confirm that the activation email was successfully sent to the email address specified.
- IMPORTANT Close the web browser or tab you’re using.
- Now, check your email inbox for an activation message with the subject line, "Shopbop Account Activation Required". In this message, click on the first link that reads, Click here to activate your Shopbop widget account.
- The next screen will prompt you to Click here to go back to your blog.
Click this link to re-open your Wordpress admin page.
- Now you can add the Shopbop Widget to your blog sidebar, or to the location of your choice.
To add the Shopbop widget to your website or blog, click Appearance in the left navigation bar.
- Then, click Widgets.
- Find the widget labeled Shopbop in the Available Widgets section.
- IMPORTANT Drag and drop the Shopbop widget to the section of your blog where you want it to appear.
For example, If you want the Shopbop widget to appear in your blog sidebar, drag and drop the Shopbop widget to the section labeled Sidebar, located on the right side of your screen. Then, click the Save button.
- After installing the Shopbop widget to your website or blog, sign up for SkimLinks.
- Then, download and install SkimLinks to your Wordpress website or blog.
- SkimLinks automatically syncs with the Shopbop widget so you start earning a commision right away.
- How do I change the language of the Shopbop widget?
- How do I vary the width of the Shopbop widget?
- How do I change the color palette of the Shopbop widget to match my website or blog?
- How do I change the category of products displayed in the widget's second dropdown panel?
- Does the height of the Shopbop widget change as someone interacts with it?
-
How do I change the language of the Shopbop widget?
To choose a language for your Shopbop Widget, look to the Language section in the Widget Appearance box. The default language setting for the widget is English. Click the arrow and a dropdown list of available languages will appear, from which you can select your preferred language. After you've chosen the language you want, click the blue Save Changes button. >> Top
-
How do I vary the width of the Shopbop widget?
The default width setting for the widget is Fluid. To manually set a specific width for the widget between 200 pixels and 350 pixels, look to the Width section in the Widget Appearance box, and click Fixed. Then, simply enter the desired width between 200px and 350px. If you would rather the widget stretch to fit the width of the area it is installed on (up to 350 px wide), click Fluid. When done, click the blue Save Changes button. >> Top
- How do I change the color palette of the Shopbop widget to match my website or blog?
In the Widget Appearance box, look to the Theme section and click on the dropdown menu to change the widget's appearance from Light to Dark. The default color scheme for the widget is Light. Click Save Changes when done. >> Top
- How do I change the category of products displayed in the widget's second dropdown panel?
In the Default Categories section, click Random Category to display a dropdown menu of product categories available to you. The default product setting of the widget is Random Category. Select the category you wish to appear in your widget, then click Save Changes. >> Top
- Does the height of the Shopbop widget change as someone interacts with it?
No. We've carefully designed the Shopbop widget so it will not affect any content beneath it as a user chooses to hide or show various collections via the dropdown panes. >> Top
s
