demobook

Kit: Adding and formatting video blocks

Demo summary

Demonstrates pasting a YouTube link to create a video block, adjusting the play button color, and setting the width and alignment.

Step-by-step

  1. Paste the video URL into the editor to create a video block
  2. Select the play button icon and change the color to red
  3. Adjust the width of the video block by dragging the slider or typing a pixel value
  4. Set the alignment of the video block to match other elements in the email

Options

  • Duplicate an existing video block
  • Manually type in the width value for precise alignment

Watch out for

  • Preview features like autoplay or moving visuals are only available for uploaded videos, not YouTube links
  • YouTube video links in the editor are static images

Tips

  • Set the play button color to red to make it more recognizable as a YouTube video
  • Ensure all video blocks have the same width (e.g., 480px) so they stay in line with each other

All demos from “How to Use Kit’s Email Builder (ConvertKit 101 Tutorial)

  1. 0:581:40Selecting and loading an email template in KitThe creator demonstrates how to navigate to the broadcast section and browse the Kit library or personal templates to load a design into the builder.KitUse / customize email templates
  2. 2:392:29Understanding layers and section backgroundsA walkthrough of the 'layer' logic in Kit's builder, showing how to navigate from text to column to layout levels to change background colors.KitDesign a newsletter / email (drag-and-drop editor)
  3. 7:040:55Adding personalization tagsDemonstrates using the '@' symbol menu to insert subscriber properties like first name into the email body.KitDesign a newsletter / email (drag-and-drop editor)
  4. 8:452:21Using the slash command and layout blocksShows how to use the '/' command to insert various blocks like buttons, recommendations, and multi-column layout cards.KitDesign a newsletter / email (drag-and-drop editor)
  5. 11:111:59Adding and formatting video blocksCurrentDemonstrates pasting a YouTube link to create a video block, adjusting the play button color, and setting the width and alignment.KitDesign a newsletter / email (drag-and-drop editor)
  6. 16:190:46Inserting reusable snippetsShows how to add a 'snippet' (reusable content block) to quickly insert a pre-formatted email signature.KitDesign a newsletter / email (drag-and-drop editor)
  7. 17:181:31Scheduling a broadcast and setting SEO metadataWalks through the final sending steps, including setting filters, scheduling the time, adding a pre-header, and configuring the web-view thumbnail.KitSend a broadcast campaign
  8. Watch “How to Use Kit’s Email Builder (ConvertKit 101 Tutorial)” →

Design a newsletter / email (drag-and-drop editor)

  1. 2:392:29Understanding layers and section backgroundsA walkthrough of the 'layer' logic in Kit's builder, showing how to navigate from text to column to layout levels to change background colors.Tech-Savvy Academy with Kelly L. Gabel
  2. 7:040:55Adding personalization tagsDemonstrates using the '@' symbol menu to insert subscriber properties like first name into the email body.Tech-Savvy Academy with Kelly L. Gabel
  3. 8:452:21Using the slash command and layout blocksShows how to use the '/' command to insert various blocks like buttons, recommendations, and multi-column layout cards.Tech-Savvy Academy with Kelly L. Gabel
  4. 11:111:59Adding and formatting video blocksCurrentDemonstrates pasting a YouTube link to create a video block, adjusting the play button color, and setting the width and alignment.Tech-Savvy Academy with Kelly L. Gabel
  5. 16:190:46Inserting reusable snippetsShows how to add a 'snippet' (reusable content block) to quickly insert a pre-formatted email signature.Tech-Savvy Academy with Kelly L. Gabel
  6. 20:222:59Designing a broadcast email with personalizationShows the email editor in action, including adding images, setting up 'link triggers' to tag subscribers on click, and using liquid tags for personalized greetings and conditional content.Kit
  7. 1:020:59Using the Kit Email EditorDemonstrates Kit's unique slash-command and plus-button editor interface for adding content blocks like buttons, images, and polls to emails.Allan Borch - Dotcom Dollar
  8. 1:070:27Using Kit's block-based email editorDemonstrates the block-based editor for building newsletters, showing how to add elements like products, polls, and countdown timers.EmailTooltester
  9. 4:380:33Designing an email in KitThe creator demonstrates the email editor in Kit to recreate a simple music newsletter.Steve Builds Websites
  10. 13:404:20Designing an email broadcastDemonstrates using the drag-and-drop editor to add text blocks, buttons, dividers, and timers to a broadcast email.Krause Tutorials
  11. 7:231:17Drafting the delivery email with personalizationShows the email editor interface, adding subscriber first-name personalization tags, and attaching a file or link to the email body.Netta Dobbins
  12. 2:390:24Design emails using the Kit editorDemonstrates using the email editor to select professionally designed templates and customize them with branding and content.Kit