Practical Liquid Markup Examples for Adobe Business Catalyst

Learn how to solve real-world problems using Liquid Markup for Business Catalyst. Courses come with usable code.
4.6 (9 ratings) Instead of using a simple lifetime average, Udemy calculates a
course's star rating by considering a number of different factors
such as the number of ratings, the age of ratings, and the
likelihood of fraudulent ratings.
97 students enrolled
$95
Take This Course
  • Lectures 22
  • Contents Video: 3 hours
    Other: 8 mins
  • Skill Level Intermediate Level
  • Languages English
  • Includes Lifetime access
    30 day money back guarantee!
    Available on iOS and Android
    Certificate of Completion
Wishlisted Wishlist

How taking a course works

Discover

Find online courses made by experts from around the world.

Learn

Take your courses with you and learn anywhere, anytime.

Master

Learn and practice real-world skills and achieve your goals.

About This Course

Published 1/2015 English

Course Description

Are you wondering how Liquid Markup can help you build better online businesses in Adobe Business Catalyst? This course provides examples showing how to best use Liquid Markup in your projects. Not only does this course share solutions to common problems, but helps build up your Liquid Library.

Solutions to Common Problems

Reading documentation will help you with the technical specifics, but understanding how Liquid Markup fits into your projects will open a whole world of possibilities. Each lesson gives you a look at what can be done when you combine built-in Business Catalyst features with Liquid Markup.

Concepts covered in this course:

  • Variables
  • Loops
  • Filters
  • Dates
  • Sorting
  • Collections
  • More...

Liquid Library

One of the advantages of Business Catalyst is its ability to significantly speed up site development. This is the same reasoning behind using a common Business Catalyst library. A library full of ready-to-use includes will allow you to add common features to your sites in seconds instead of hours or days. This course not only comes with powerful library items, it provides information on how to start a Liquid Library, and how to add your own items.

Instructors

Scott B Reynolds with Thrise, and Dave Haggblad with Digital Ink Multimedia have worked countless hours using Liquid Markup in their own projects and on other Business Catalyst Partners' projects. Many of the examples come from actual projects, proving their value. There's no need to start from scratch. Join us for Liquid Lessons.

What are the requirements?

  • You should already have a basic understanding of Business Catalyst.

What am I going to get from this course?

  • Solve common Business Catalyst problems using Liquid Markup.
  • Build a Common Liquid Library for use in future projects.

What is the target audience?

  • This course is meant for Business Catalyst Partners at an intermediate level who want to learn how to solve problems using Liquid Markup.

What you get with this course?

Not for you? No problem.
30 day money back guarantee.

Forever yours.
Lifetime access.

Learn on the go.
Desktop, iOS and Android.

Get rewarded.
Certificate of completion.

Curriculum

Section 1: Course Introduction
01:18

This video gives a course introduction and explanation of what you can expect in future videos.

01:52

This video explains the powerful concept of a Liquid Library. Leveraging existing code will allow you to build online businesses faster than ever before.

08:23

In this video you will see two powerful examples of how library items can make it easy to add functionality to your Business Catalyst sites.

Section 2: Google Analytics Cross Domain Tracking
04:54

Learn how to easily use a Liquid Library Item with cross domain tracking (Google Analytics). The next lecture will show how to build this Liquid Library Item step-by-step.

14:51

Learn how to build a library item to quickly add Google Analytics to your Business Catalyst sites. Configuring Google's code snippet properly will allow for cross-domain tracking.

Business Catalyst Concepts Discussed:

  • Assigning Variables
  • Rendering global data in JSON
  • Append String Manipulation Filter
  • Unless Conditional Statement
  • Creating Collections
  • Collection Looping
  • forloop.last
  • globals.get.id
  • Fetching Site Urls
  • Data Module Fields Parameter
Liquid Library Download: Cross Domain Tracking
1 page
Section 3: Ecommerce Tracking with Google's Universal Analytics
09:09

Learn how to easily use a Liquid Library Item to track ecommerce transactions (including product specific data). The next lecture will show how to build this Liquid Library Item step-by-step.

27:12

This lesson shows you how to track Business Catalyst ecommerce transactions in Google Analytics. You will learn how ecommerce tracking works, how to configure the Google Analytics tracking code, where it should be added, and how to fetch all of the data necessary to track an order. This lesson is also a great way to get familiar with BC’s data module tag.

Business Catalyst Concepts Discussed:

  • Assigning Variables
  • Looping
  • Math Filters (times and plus)
  • Creating Collections
  • Fetching Order Data
  • Fetching Order Items Data
  • Fetching Product Data
  • Fetching Catalog Data
  • Reducing Whitespace
Liquid Library Download: Ecommerce Tracking with Google Analytics
Article
Section 4: Custom Content based on url parameter
09:04

In this lesson I'm going to show you how to use the render.inc library item to provide feedback or additional information to your visitors based on the parameters in the page url.

For example. When someone signs up for an email newsletter they are normally taken to the default 'Thank you for subscribing' page. This feels like a default message and doesn't provide much opportunity to interaction, upselling or just plain customization. Instead lets keep them on the page and provide a custom message.

14:43

Newsletter Signup, enhanced using Liquid Markup

By default, when a visitor signs up for a newsletter in Business Catalyst, we send them to the system’s ’Subscription Confirmed’ page which really doesn’t inspire them to interact more with your website.

With a little help from Liquid Markup, we can substantially improve their experience and entice them to explore more of your website. All while still confirming their subscription.

This lesson will show two possibilities.

  • The first is presenting a custom panel on the same page the signup form is on, letting the visitor who submitted the form know that their effort was successful. But also giving them more than a non-decript system page to look at, in fact inviting them to dig deeper into your website.
  • The second method is more direct. Instead of placing a passive panel on the page we’ll use Liquid Markup to present a modal right over top of the signup page. Confirming their subscription, but also offering links to other content on the website. This more interactive method may be just what you need to make sure you have the visitor's attention.
3 pages

Downloadable materials

Section 5: Secure Zones
19:31

This video shows you how to install the library item, and how to use the optional variables along with the library item to adjust how the form looks and works.

The library item (.inc file) and pdf instructions are in lecture 10.

Business Catalyst offers a fairly robust secure zone system. Included in that are methods for handling access to pages that are within a secure zone. If a visitor tries to view a page that is within a secure zone and they are not logged in, they are taken to the “Unauthorized Access” page.

Once the user successfully logs in, they are shown the page they were trying to get to, but the url can be confusing. ie: /Default.aspx?PageID=1234567&Error=Thank+you+for+logging+in.

So consider a user bookmarking this secure page, confusing url and all, or perhaps sharing the page with someone. Would you click on a link that said there was an error in it?

The Generic Login Redirect library item handles this for you, and pumps things up a bit to provide you with some options to easily improve the visitors experience.

If you're looking for how to build the library item or for more information about Liquid code, watch the video in Lecture 9 - Generic Login with Redirect - How I Built It

17:39

This video takes you through the library item code in detail and discusses concepts and techniques.

The library item and pdf instructions are in lecture 10.

Business Catalyst offers a fairly robust secure zone system. Included in that are methods for handling access to pages that are within a secure zone. If a visitor tries to view a page that is within a secure zone and they are not logged in, they are taken to the “Unauthorized Access” page.

Once the user successfully logs in, they are shown the page they were trying to get to, but the url can be confusing. ie: /Default.aspx?PageID=1234567&Error=Thank+you+for+logging+in.

So consider a user bookmarking this secure page, confusing url and all, or perhaps sharing the page with someone. Would you click on a link that said there was an error in it?

The Generic Login Redirect library item handles this for you, and pumps things up a bit to provide you with some options to easily improve the visitors experience.

If you're looking for how to install and use the library item, watch the video in Lecture 8 - Generic Login with Redirect - How To Use It

Article

This 'lecture' contains a pdf with installation and usage instructions, as well as a zip file containing the .inc library item.

Section 6: Web App Search
07:24

The default web app search output is pretty good. But it has minimal sorting options and no grouping options. What if you want the results grouped by the values in one of the web app fields so they are easier to review. Or maybe you want to group the results by year and month.

Wouldn't it be nice to be able to group the search results on values in your data and present them that way on the page?

15:10

Web App Search, enhanced with Liquid Markup

The default web app search output is pretty good. But what if your content has options like ‘Featured’ or your list of sales people also has Sales Managers. Wouldn’t it be nice to be able to highlight those items and present them first, or at least have them show up a little differently?

In this tutorial, we’ll use Liquid to do just that. I’ll show you how to output the Featured items first, also making them appear differently. I’ll keep it simple so we don’t get bogged down while you’re learning the concept. But you can use these same techniques to really make your content stand out when you need to.

2 pages

This 'lecture' contains a pdf with installation and usage instructions, as well as a zip file containing the .inc library item.

Section 7: Rolodex List for Webapp Output
04:19

This video shows you how to install and configure the library item (include). This is best for those that want to have the functionality but are not interested in how to write the code.

20:12

This video shows step by step how to create the Rolodex webapp solution using Liquid Markup.

2 pages

Resources:

  • Instructions for using the Include (Library Item)
  • The Include file for uploading to your site
  • Sample Code for when you want to code it yourself
Section 8: Conclusion
00:32

Thank you for enrolling in this course, and we hope you now have the confidence to use Liquid Markup in your client projects.

If you found this course helpful, please leave a positive review. If you have any questions or would like us to make something more clear, start a new discussion in the lecture associated with your question.

Happy online business building!

Students Who Viewed This Course Also Viewed

  • Loading
  • Loading
  • Loading

Instructor Biography

Scott Reynolds, Founder of Thrise, LLC

Thrise, LLC is an Adobe Business Catalyst Premium Partner with several Business Catalyst Apps, including the most installed BC App "Google Analytics Manager".

BC Apps Developed by Thrise, LLC:

  • - BC Video Gallery
  • - CSS Builder
  • - BC Client Training (US & AUS)
  • - Google Analytics Manager
  • - Bootstrap Builder


About Scott B Reynolds (founder and president of Thrise, LLC):

Scott has had his hands in HTML since the 90’s and often presents on topics related to design, front-end development and marketing. Scott is the official Adobe Business Catalyst podcaster, interviewing Business Catalyst Partners from across the globe.

Scott is a Business Catalyst Consultant & Trainer, who frequently presents in-person, at webinars, and in several online courses, including:

  • - Adobe Business Catalyst Fundamentals
  • - Muse CC Business Catalyst Integration
  • - Introduction to Web Personalization
  • - An Introduction to BC Next
  • - BC Apps: Making A Dynamic List
  • - Introduction to BC Apps
  • - Getting to Know Your Online Forms
  • - The Five W's of Responsive Web Design


Scott is an Adobe Community Professional and Adobe User Group Manager. He runs the Hartford Adobe User Group, and is the founder of Hartford Tech Week. Scott lives in West Hartford, Connecticut and can be found participating in events all across New England.

Instructor Biography

Dave Haggblad, Owner of Digital Ink Multimedia

Digital Ink Multimedia is an Adobe Business Catalyst Premium Partner, having discovered the platform in 2011 and recognizing how it's many benefits would support our business model. We like how Adobe takes care of the platform while we make sure the website generates leads and helps turn those leads into conversions.

About Dave Haggblad

Dave has been involved in building websites since the days of frames and tables. In the early days he took his training where he could get it but later went back to college and in 2012 completed his certificate in Graphic and Digital Multimedia Design at the Centre for Arts & Technology, achieving honours for Academic Excellence.

Dave frequently presents at webinars, and creates online courses showing other Business Catalyst Partners how to solve specific problems and achieve desired results using Business Catalyst, including:

Installing Disqus Commenting
A Better 404 Page
Blog Post Presentation
Business Catalyst Go Live Checklist
Using the DataTables jQuery Plugin
Ajax Based Webapp Search Form

He also performs front end development work for Business Catalyst Partners who find themselves without the time or perhaps the skill-set to complete their project.

Dave lives in West Kelowna, British Columbia, Canada.

Ready to start learning?
Take This Course