Deliver superior customer experiences with an AI-driven platform for creating and deploying cognitive chatbots
Deliver Awesome UI with the most complete toolboxes for .NET, Web and Mobile development
Automate UI, load and performance testing for web, desktop and mobile
A complete cloud platform for an app or your entire digital business
Detect and predict anomalies by automating machine learning to achieve higher asset uptime and maximized yield
Automate decision processes with a no-code business rules engine
Optimize data integration with high-performance connectivity
Connect to any cloud or on-premises data source using a standard interface
Build engaging multi-channel web and digital experiences with intuitive web content management
Personalize and optimize the customer experience across digital touchpoints
Build, protect and deploy apps across any platform and mobile device
Rapidly develop, manage and deploy business apps, delivered as SaaS in the cloud
Do you have content teasers, fancy announcements and bigger pieces of HTML that you store in a Content Block on your website? Aren't they sometimes difficult to update, because they are a messed up collection of nested HTML elements and CSS classes here and there?
Sitefinity has a solution for these cases—you can create HTML templates using the Card widget instead of storing code in Content Blocks. The Card widget is a collection of content elements, which create a teaser to more detailed information or a conversion goal on a website. It can be used for content summaries, page headers, teasers and announcements.
Out of the box, the Card widget contains: Heading, Text, Image and Actions, as these can be easily customized. The content of the widget can be personalized.
The first thing that you have to do is to create a new widget template, which has the needed markup and CSS classes inside it. You can use as a basis the built-in Card widget template and adjust it to your needs.
One important note is that the name of the widget has to start with “Card.” and then the specific name of the widget as shown below. The final result should be something like “Card.NewTeaser”.
Once you have created the new widget template, the next thing to do is configure it properly.
The Card widget can be found in the Content group list where the most common and useful Sitefinity widgets are stored. It enables you to easily update, maintain and personalize the recommended experiences and calls to action. The widget is comprised of content elements, which are tied together to create an entry point to more detailed information or a conversion goal on the site. All of the fields in it are optional which means you can use only what you need.
The widget consists of the following:
The Card widget can make driving to a goal simpler for marketers, cleaner for the developers and more attractive for the reader. Learn more about how to add them to your own site at the links below.
More about widget templates
How to create and edit widget templates
Feather Card widget
Raya is a Senior Front-End Developer at Progress. She is an in-depth Sitefinity user who started with Sitefinity 3.7. Raya joined the company in 2008 and since then has been working on both internal and external company websites and applications.
Copyright © 2018 Progress Software Corporation and/or its subsidiaries or affiliates.
All Rights Reserved.
Progress, Telerik, and certain product names used herein are trademarks or registered trademarks of Progress Software Corporation and/or one of its subsidiaries or affiliates in the U.S. and/or other countries. See Trademarks for appropriate markings.