New tutorials covering BC.Next, Liquid, BC Apps and more.

Business Catalyst Web Apps Tutorials

Web Apps are what really sets Business Catalyst apart. See all our tutorials that have to do with Web Apps on this page. Learn More

If you are interested in learning more about Web Apps in Business Catalyst be sure to check out the official BC Documentation and also see the Web Apps chapter in our Business Catalyst Foundations Course for Developers.

  • Ultimate Search

    Perform 3 searches at once. Chad shows you how to run a Keyword Search, that will redirect users to a specific page if the search term is a keyword, if not then he will perform a Web App search with...

    View Tutorial
  • Hero Web App with CTA or Video Modal

    Brian shows you how to create a flexible hero image section web app that can contain a standard button call to action or a YouTube/Vimeo video lightbox. This functionality is made possible through Liquid and the free, open-source Magnific Popup...

    View Tutorial
  • Business Hours Personalization Widget

    Our latest widget allows you to enter business hours into a web app and based on the current day and time let visitors know if your business is open or closed with the ability to display custom content or a...

    View Tutorial
  • Event Booking with Date Range Pricing

    Chad shows you how to take an Event Booking form to the next level, by adding Early Bird date ranges. With 3 levels of prices and 3 date ranges, you'll learn how to correctly calculate early bird prices and set...

    View Tutorial
  • ?json=true Parameter and Glossary Terms Tooltip Use Case

    Learn about the ?json=true parameter in Business Catalyst that will allow you to capture all modules and tags from a page into a JSON data tree. I'll show you a use case for this with our glossary terms tooltip plugin,...

    View Tutorial
  • Web App with Exportable vCard Generation

    You won't believe how simple it is to get exportable vCard files on your web app detail pages. Follow along as Greg guides you through the process of getting this functionality on your site.

    View Tutorial
  • Web App List by Month Widget

    This awesome code is actually a port from our Module by Month Widget and was requested by several BC Academe members. This widget allows you to display Web App Item list views for the current month, or a specified number...

    View Tutorial
  • User Disabled Web App Items

    There is no built-in way to allow users to disable their user-submitted web app items. But Chad shows us, where there is a will, there is a way. Showing you two different options for allowing your users to disable their...

    View Tutorial
  • Site Search Enhancements

    Learn a workaround to the Business Catalyst bug that shows liquid in search results. Also, Scott will walk you through updating search results to have links with clean URLs instead of the default Business Catalyst links with parameters and IDs....

    View Tutorial
  • Web App Detail View with Dynamic Category Navigation

    This tutorial will show you how to use Liquid to create a dynamic navigation for categorized web apps that is persistent across the list view and detail view.
    We've added a little bit of extra functionality using the latest version...

    View Tutorial
  • Favorite Liquid Snippets & Team Sharing Code Snippets

    Learn about some of my favorite liquid snippets. These snippets might include some often used ones across projects, some hidden liquid markup that might not be well documented, or maybe liquid markup code that is documented but often can be...

    View Tutorial
  • Dynamic Menu with Featured Links Web App

    Here's an intuitive method for integrating web apps and dynamic menus. In this case, we're going to be creating a single dynamic menu and outputting web app items, or calls to action, within each dropdown that correspond with that particular...

    View Tutorial
  • Building Business Catalyst Sites With Components Series

    Two part series: Introduction to components & building components with web app and liquid

    Introduction to components – a new concept for building sites on Business Catalyst. Design and develop a collection of web components for your clients to use across...

    View Tutorial
  • Web App Compare Functionality

    In this exciting new tutorial Greg will walk you through the process of how you can setup a basic compare functionality for your Business Catalyst Web Apps using the power of Liquid and jQuery.

    View Tutorial
  • Glossary of Terms Widget

    Business Catalyst Widget that allows you to output a web app list of terms on your website with the ability to live search for keywords as well as list out all active alphanumeric characters to be able to click to...

    View Tutorial
  • Dynamic Web App List with Category Navigation

    Here we have an implementation of a dynamically created web app list with category navigation. Use the powerful liquid approach provided to build a single-category filtering engine that displays classified web app items on a single page without the need...

    View Tutorial
  • Web App Controlled Catalog Descriptions

    The Catalog functionality in BC is an essential piece of BC eCommerce, but customizing them can be confusing the average user. The default title and description field for your catalogs should always be setup to control SEO Page Title and...

    View Tutorial
  • Submit Paid & Unpaid Version of the Same Web App

    Learn how to allow users to submit paid and unpaid versions of that same web app. This will allow sites to give users an incentive for signing up for a membership or newsletter, allowing them to submit their first web...

    View Tutorial