Embedding a Widget
How to Embed the Widget On Your Site
Embedding the widget into your blog or website is a simple copy-paste effort. Let us assume you want to embed NetShops's widget on your blog. The steps required are:
- Copy the script HTML to the right.
- Create/Edit your blog entry.
- Paste the HTML into your post.
Some blogs don't allow a direct paste of HTML tags so you may need to edit your post in "HTML Mode". Once you've saved you will get a widget that looks like the following:
NetShops has leveraged the power of the web to create a unique group of specialty stores. We're an online retailer that currently owns and operates over 200 stores. Each one focuses on a specific...More»
NetShops has leveraged the power of the web to create a unique group of specialty stores. We're an online retailer that currently owns and operates over 200 stores. Each one focuses on a specific niche. For example, Hammocks.com sells just hammocks, WorldGlobes.com sells globes and DayBeds.com sells daybeds. (Click here to see a list of all our stores.)
Because of our limitless shelf space, our stores offer an unparalleled level of choice. Unlike other retailers, we don't limit our product selection. We show you everything that's available and let you decide what's right for you. Each of our stores offers a simple shopping experience that makes it easy for you to find what you are looking for. Since we are an online retailer, we keep our overhead low. This means we can offer you great value. Furthermore, our store managers are constantly searching for new, exciting products. Each day they work to improve the shopping experience at our stores.
(Source: Netshops)«Less
| Location: | Omaha, NE, United States |
| Competitors: |
|
Powered by TradeVibes
Pretty simple, huh? But, what if you wanted to change the widget so it looks better on your site or you don't want to display all the information above?
Customize the Widget
You can quickly customize the widget by using our predefined options on the preview page. You can choose to not show the news & discussion lines or not to show all any of the detailed information like Location, Latest Funding, etc. A few, quick checks can give you just the right amount of information you want.
You can futher customize the widget to suit your needs with CSS. CSS brings you the power to change the font, background or layout of our widgets, but we've also made it convenient to hide any elment you want.
As an example we may want to hide the detailed information from the widget. You can accomplish this by adding the following line to you CSS file:
.tradevibes_details { display: none; }
Now the next time you view our widget it will look like this:
NetShops has leveraged the power of the web to create a unique group of specialty stores. We're an online retailer that currently owns and operates over 200 stores. Each one focuses on a specific...More»
NetShops has leveraged the power of the web to create a unique group of specialty stores. We're an online retailer that currently owns and operates over 200 stores. Each one focuses on a specific niche. For example, Hammocks.com sells just hammocks, WorldGlobes.com sells globes and DayBeds.com sells daybeds. (Click here to see a list of all our stores.)
Because of our limitless shelf space, our stores offer an unparalleled level of choice. Unlike other retailers, we don't limit our product selection. We show you everything that's available and let you decide what's right for you. Each of our stores offers a simple shopping experience that makes it easy for you to find what you are looking for. Since we are an online retailer, we keep our overhead low. This means we can offer you great value. Furthermore, our store managers are constantly searching for new, exciting products. Each day they work to improve the shopping experience at our stores.
(Source: Netshops)«Less
| Location: | Omaha, NE, United States |
| Competitors: |
|
Powered by TradeVibes
You can follow this example to hide any element you want.
| Element | Class Name |
|---|---|
| Logo | tradevibes_logo_header |
| Company URL | tradevibes_company_url |
| All Details | tradevibes_details |
| Description | tradevibes_description |
| Location | tradevibes_location |
| Latest Funding | tradevibes_location |
| Investors | tradevibes_funding |
| Competitors | tradevibes_competitors |
| News | tradevibes_news |
| Discussions | tradevibes_discussions |
You can certainly do a lot more with CSS to mold the widget to the style you prefer but these quick tips go a long way to making TradeVibes's information available and convenient to you. Enjoy.