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

Business Catalyst Web Pages Tutorials

  • 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
  • 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
  • Canonical Tag Built with Liquid

    Looking for an SEO boost? Chad shows how to use the canonical tag site wide. Making sure not to have duplicate URLs, Session ID, or multiple Protocols (http/https).

    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
  • Page Control (Header Control) - Tutorial Series

    Page Control will change the way you think about building your sites. Give you and your clients the ability to customize each page/template with ease. You'll never want to build a site without it again.

    This series is featured in the...

    View Tutorial
  • Output Content By Device

    Learn how to output different content based on whether a user is on a desktop, tablet or phone. This is a simple and powerful technique to optimize websites for mobile devices and to tailor the user experience.

    View Tutorial
  • Custom Alerts

    Change and customize default browser alerts and make your own custom alerts using the plugin Sweet Alerts. Also, use the Sweet Alerts on custom links or form validation, and cart functionality. Chad will walk you through them all.

    Get more info...

    View Tutorial
  • Redirecting .ASPX Pages Using Javascript

    Business Catalyst is built on .ASPX and therefore these extensions are protected extensions, meaning that they cannot be 301 redirected. If you are building a new Business Catalyst website for a site that currently has .ASPX pages, you can at...

    View Tutorial
  • Video Series: Cookies and Liquid in Business Catalyst

    In this tutorial about Cookies and Liquid in Business Catalyst, we'll go over an introduction to what Cookies are and how they can be accessed using liquid in BC. Also, learn how to implement a JavaScript Cookie plugin. This plugin...

    View Tutorial
  • Developer Level 1 Course Video Series

    The original developer level one course that helped developers around the world get over the initial learning curve has been remastered for on-demand viewing.

    This course walks you step-by-step through building a Business Catalyst website from start to finish.

    While some of...

    View Tutorial
  • Use Business Catalyst Web Forms on External Websites

    This tutorial will show you the steps required to use a Business Catalyst web form on another website. This implementation will work if you use an external server or another Adobe Business Catalyst hosting account. This is practical for setting...

    View Tutorial
  • Output Email Addresses with SPAM Protection

    Do you want to simply output the email address of a business or contact on a website but decide not to because you are worried about SPAM? This can often lead to creating unnecessary web forms to "protect" the email...

    View Tutorial
  • Installing a Lightweight Responsive Slider

    Learn how to implement a simple & lightweight responsive slider plugin in Adobe Business Catalyst using ResponsiveSlides.js

    View Tutorial
  • Easily Manage Header Images Across Pages and Templates

    Control header images and page titles using liquid through a web app that allows you to specify unique header images across pages and templates.

    Be sure to check out an updated version of Header Control in our Page Control Tutorial...

    View Tutorial
  • Introduction to Liquid in Business Catalyst: 5 Part Series

    In this five part series – 53 minute tutorial – receive a brief overview and history of liquid as well as learn basic liquid markup principals to get you started applying liquid in Business Catalyst.

    View Tutorial
  • Responsive Pages with Meta Viewport

    You might think that your website is responsive because on your desktop you can re-size the browser and your website changes. However, without deploying the meta viewport tag, mobile devices will not understand how to show your site and will...

    View Tutorial
  • 301 Redirect Series

    Learn everything you need to know about 301 redirects in Adobe Business Catalyst including: getting the existing sitemap, redirecting pages with url parameters, pages with hash tags, directory pages, and external websites. Learn how to prepare the import file and...

    View Tutorial