Video: Custom Code section

Video overview of the Custom Code section in Broadcast.

Step 1: Access the Custom Code Section 0:00

• Navigate to the custom code section in the broadcast settings.

• You can arrange the custom code section as desired.

Step 2: Add a Custom Code Block 0:10

• Insert a custom code block into your layout.

• Example: Add an <h1> tag with customizable background and text colors.

Step 3: Customize Colors and Padding 0:23

• Choose a text color (e.g., red).

• Optionally set a background color for visibility.

• Adjust padding (e.g., 50px) to create space around the content.

Step 4: Use Custom HTML Tags and CSS Classes 0:46

• Add custom HTML tags as needed.

• Create and apply custom CSS classes (e.g., my-grid) to style elements.

Step 5: Center Content with CSS 1:08

• Use CSS properties like display: grid and place-items: center to center the <h1> tag.

Step 6: Implement Liquid Code for Dynamic Content 1:23

• Utilize Liquid code (Shopify's scripting language) to display dynamic messages.

• Example: Show a login prompt for users who are not logged in, and additional info for wholesale customers.