“Advanced Etsy Widget” Documentation v2.2.0

Purchase the widget now!

Advanced Etsy Widget

Last updated: 2021-08-01
Email: [email protected]

Thank you for purchasing my widget. If you have any questions that are beyond the scope of this help file, please feel free to email via my user page contact form here. Thanks so much!

Table of Contents

  1. Installation of Widget
  2. Using the Widget and Control Panel
  3. Filling in "Etsy API Key" and "Shop Name"
  4. Other Widget Options
  5. CSS Files and Structure
  6. Sources and Credits
  7. Changelog
  8. Upgrading from an old version

A) Installation of Widget - top

This widget is a WordPress PLUGIN. To begin, login to your WordPress admin area, and click "Plugins" on the left-hand sidebar.

B) Using the Widget and Control Panel - top

C) Filling in "Etsy API Key" and "Shop Name" - top

Etsy API Key:

  1. Visit https://www.etsy.com/developers
  2. In not logged in, Click "Register as a Developer" and Sign in with your Etsy login. If you’re already logged in, skip to step 3.
  3. Click "Create New App":
  4. On the "Create a New App" page, fill in the:
    • Application Name (What you typedoes not matter – just make something up)
    • Describe your Application (What you type does not matter – just make something up)
    • Application Website (your blog address/URL)
    • What type of application are you building? (Buyer Tools)
    • Who will be the users of this application (Just myself or colleagues)
    • Is your application commercial? (no)
    • Will your app do any of the following? (Do not select any of these items)
    • Click "Read Terms and Create App" button.
    • Read the terms, if you agree, click "Create App" button.
    • Copy the "Key String" from the Etsy website into your Widget settings:

Shop Name:

  1. Visit https://www.etsy.com
  2. Login with your Etsy username and password.
  3. In the top header bar, click the "Shop" icon.
  4. In the address bar of your browser, find the part after "/shop/"
  5. This is your shop name - put this into your widget settings.

D) Other Widget Options - top

E) CSS Files and Structure - top

There is minimal CSS applied when this widget is added to the page. You can find the CSS file in `css/widget.css`. The widget comes with several class hooks that you can use to attach your custom CSS to if you need to:

F) Sources and Credits - top

This theme uses no outside sources or other libraries.

G) Changelog - top

H) Upgrading from an old version - top

To upgrade from an old version of the plugin, follow these steps

  1. Go in your WordPress Admin area to `Appearance > Widgets` and note down the current values that are in the widgets you are using. You may need to re-create these in the last step.
  2. Go in your WordPress Admin area to `Plugins > Installed Plugins`. Find "Advanced Etsy Widget" in the list, and click "Deactivate" and then "Delete".
  3. Go to "Add new" at the top of the page.
  4. Follow the Installation of Widget instructions above.
  5. Go in your WordPress Admin area to `Appearance > Widgets` and re-add your widgets with the settings that you noted down in step 1.

Once again, thank you so much for purchasing this widget. As I said at the beginning, I'd be glad to help you if you have any questions relating to this theme. No guarantees, but I'll do my best to assist. If you have a more general question relating to the themes on CodeCanyon, you might consider visiting the forums and asking your question in the "Item Discussion" section.

Gavin Rehkemper

Go To Table of Contents