Overview
In a nutshell, widgets Widgets are handy little reusable modules that display content and user interface (UI) elements on your BPD website ( and emails!). Our widgets use Razor markup language to access the database, fetch data and display it to the end user in a pre-styled output format.
For instance, BPD widgets are used in a variety of scenarios, including but not limited toresponsible for rendering:
- Company Logo display
- Add to Cart button
- Product image gallery
- Embedded video
- Delivery address input
Multiexcerpt |
---|
hidden | true |
---|
MultiExcerptName | Feature Overview |
---|
|
Handy little reusable modules that display content and user interface (UI) elements on your BPD website and emails. |
Excerpt |
---|
|
Overview of what widgets are and do. |
Example of Output
Core templates such as the Product Detail template can contain a dozen widgets or more. Other templates are much simpler and require only a widget or two.
...
On the product detail page below, we can see 6 different widgets being rendered, just as they are laid out in the various zones of the page template.
Widget Layout on Template | Widget Output |
---|
Image RemovedImage Added | Image Modified |
...
...
If a widget does not find data to return for a particular page, it will simply hide itself (such as the 'Product Attribute List' widget in the example above).
Looking closer at the Product Title widget, you can see there are several options available to configure.
Widget Option Configuration | Resulting Output |
---|
Image RemovedImage Added | Image Modified |
Updating options on this widget will replay change the changes to the detail view for every product on the site - it's that easy.
Tip |
---|
If a widget does not find data to return for a particular page, it will simply hide itself (such as the 'Product Attribute List' widget in the example above). It's good practice to test changes on your Stage site first, before overhauling layouts in your live environment! |
Need More Info?
CV Connect has documentation available on all BPD widgets, including their options and examples of use. Simply search our knowledge base for the widget you're after! You can also access specific widget help while in a widget in the CMS.
Content by Label |
---|
showLabels | false |
---|
max | 5 |
---|
showSpace | false |
---|
title | Related Articles |
---|
cql | label in ("cms","how-to") and text ~ "What is" |
---|
|
Additional Information
Multiexcerpt |
---|
MultiExcerptName | Additional Info |
---|
|
Our widgets use Razor markup language to access the database, fetch data and display it to the end user in a pre-styled output format.
|
Multiexcerpt |
---|
hidden | true |
---|
MultiExcerptName | Feature Title |
---|
|
What is a Widget? |
Minimum Version Requirements |
Multiexcerpt |
---|
MultiExcerptName | Minimum Version Requirements |
---|
| **.**.** |
|
---|
Prerequisites | |
---|
Self Configurable |
Multiexcerpt |
---|
MultiExcerptName | Self Configurable |
---|
| Yes |
|
---|
Business Function |
Multiexcerpt |
---|
MultiExcerptName | Business Function |
---|
| Site Structure |
|
---|
BPD Only? | |
---|
B2B/B2C/Both |
Multiexcerpt |
---|
MultiExcerptName | B2B/B2C/Both |
---|
| Both |
|
---|
Third Party Costs |
Multiexcerpt |
---|
MultiExcerptName | Third Party Costs |
---|
| n/a
|
|
---|