Preboarding Templates
setting up your home page shouldn't be hard! here are some template ideas you are welcome to copy, paste, and make your own before go live all profile tabs need to be named "onboarding" to be accessible for preboarding users to be able to leverage customized json, check "v2" when you are ready for users, check "active" example 1 what to paste { "rows" \[ { "columns" \[ { "blocks" \[ { "type" "content", "content" "welcome to charthop! š we are so excited you're joining us \n\nthe first few weeks are all about getting settled, meeting your team, and learning how we work ā no pressure to know everything on day one this page has the essentials bookmark it and check back anytime \n\nquestions before you start? email onboarding\@charthop com ā we're here to help " } ] } ], "format" "12" }, { "columns" \[ { "blocks" \[ { "type" "content", "height" "stretch", "title" "š
your first day", "content" "start time 9 00 am\n\nlocation boston office or remote ā both work!\n\nbring government issued id for i 9 verification " } ] }, { "blocks" \[ { "type" "content", "height" "stretch", "title" "š» tech setup", "content" "your laptop ships 3 days before your start date \n\nit will email setup instructions to your personal address the day before you start \n\nstuck? ping it\@charthop com " } ] }, { "blocks" \[ { "type" "content", "height" "stretch", "title" "š¤ who to know", "content" "your manager will reach out before day one to introduce themselves \n\nyour onboarding buddy will message you on slack during week one \n\npeople team people\@charthop com" } ] } ], "format" "4,4,4" }, { "columns" \[ { "blocks" \[ { "type" "content", "height" "stretch", "title" "day 1 at a glance", "content" " 9 00 am ā welcome coffee with the people team\n 10 00 am ā it onboarding and laptop setup\n 11 00 am ā i 9 verification and paperwork\n 12 00 pm ā lunch with your manager\n 2 00 pm ā team intros and office tour\n 3 30 pm ā 1 1 with your manager\n 4 30 pm ā wrap up and q\&a\n\ncalendar invites land in your personal inbox the wednesday before you start if you don't see them, email onboarding\@charthop com " } ] }, { "blocks" \[ { "type" "content", "height" "stretch", "title" "office & dress code", "content" "boston office is at 123 main street the front desk will have your name on the list \n\ndress code is casual ā jeans, sneakers, and a comfortable shirt are the norm wear what makes you feel good \n\nworking remote? make sure your camera works and find a quiet spot for your team intros " } ] } ], "format" "6,6" } ] } example 2 what to paste { "rows" \[ { "columns" \[ { "blocks" \[ { "type" "content", "content" "welcome to charthop! š\n\nthis page is color coded so you can find what you need fast šµ blue blocks are logistics š” yellow blocks are people š¢ green blocks are culture and vibe \n\nquestions? reach out anytime onboarding\@charthop com" } ] } ], "format" "12" }, { "columns" \[ { "blocks" \[ { "type" "content", "height" "stretch", "title" "šµ when & where", "content" "š
monday, 9 00 am\n\nš boston office\n\nš» or your home office ā both work\n\nš bring a government issued id for i 9" } ] }, { "blocks" \[ { "type" "content", "height" "stretch", "title" "š” who you'll meet", "content" "š your manager ā emails you 48 hours ahead\n\nš¤ your buddy ā slacks you on day one\n\nš the people team ā people\@charthop com\n\nā your skip level ā coffee in week two" } ] }, { "blocks" \[ { "type" "content", "height" "stretch", "title" "š¢ the vibe", "content" "š dress is casual ā jeans and sneakers welcome\n\nš dogs allowed at lunch\n\nā kitchen stocked with snacks and cold brew\n\nš§ headphones on culture is respected" } ] } ], "format" "4,4,4" }, { "columns" \[ { "blocks" \[ { "type" "content", "height" "stretch", "title" "šµ day 1 agenda", "content" "š
9 00 ā welcome coffee\n\nš» 9 30 ā it setup\n\nš 10 30 ā paperwork & i 9\n\nš„ 12 00 ā lunch with manager\n\nš„ 2 00 ā team intros\n\nš¬ 3 30 ā 1 1 with manager\n\nš 5 00 ā wrap and head home" } ] }, { "blocks" \[ { "type" "content", "height" "stretch", "title" "š” before you start", "content" "š¬ watch your personal inbox for calendar invites (wednesday)\n\nš¦ your laptop ships 3 days before ā don't open it yet\n\nš gather your i 9 documents\n\nš“ get a good night's sleep ā we mean it" } ] } ], "format" "6,6" } ] } example 3 what to paste { "rows" \[ { "columns" \[ { "blocks" \[ { "type" "content", "content" "š welcome to charthop! š\n\nwe're so excited to have you joining us this page has everything you need to know before monday ā laid out so you can scan it in 60 seconds or read every word, your call " } ] } ], "format" "12" }, { "columns" \[ { "blocks" \[ { "type" "content", "height" "stretch", "title" "⨠your first day", "content" "ā° start time ā 9 00 am\n\nš location ā boston office\nš or remote ā both totally fine\n\nš bring ā government issued id for i 9\n\nš wear ā whatever's comfortable, jeans and sneakers are the norm" } ] }, { "blocks" \[ { "type" "content", "height" "stretch", "title" "š day 1 schedule", "content" "ā 9 00 ā welcome coffee\n\nš„ļø 9 30 ā it setup\n\nš 10 30 ā i 9 paperwork\n\nš„ 12 00 ā lunch with manager\n\nš 2 00 ā team introductions\n\nš¬ 3 30 ā 1 1 with your manager\n\nš 5 00 ā done! head home" } ] } ], "format" "6,6" }, { "columns" \[ { "blocks" \[ { "type" "content", "height" "stretch", "title" "š your people", "content" "š¤ your manager ā emails you 48 hours before\n\nš¤ your buddy ā slacks you day one\n\nš¼ people team ā people\@charthop com\n\nš» it support ā it\@charthop com\n\n𩺠benefits help ā benefits\@charthop com" } ] }, { "blocks" \[ { "type" "content", "height" "stretch", "title" "š what's waiting", "content" "š» a pre configured macbook pro\n\nāØļø magic mouse + keyboard\n\nš§ noise cancelling headphones\n\nš charthop welcome swag\n\nš a handwritten note from your manager" } ] } ], "format" "6,6" } ] } example 4 what to paste { "rows" \[ { "columns" \[ { "blocks" \[ { "type" "content", "content" "āāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāā\n welcome to charthop\nāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāā\n\nyou start monday this page tells you everything you need to know ā and nothing you don't \n\nā ā ā onboarding\@charthop com ā ā ā" } ] } ], "format" "12" }, { "columns" \[ { "blocks" \[ { "type" "content", "height" "stretch", "title" "ā the basics", "content" "āāāāāāāāāāāāāāāāāāāāāāāāāāā\nā when ā monday, 9 am ā\nā where ā boston office ā\nā bring ā government id ā\nā wear ā whatever ā\nāāāāāāāāāāāāāāāāāāāāāāāāāāā\n\nthe front desk will be expecting you " } ] }, { "blocks" \[ { "type" "content", "height" "stretch", "title" "ā the people", "content" "āāāāāāāāāāāāāāāāāāāāāāāāāāāāāāā\nā manager ā emails you fri ā\nā buddy ā slacks you mon ā\nā people ā always around ā\nāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāā\n\nthe people team lives at people\@charthop com they answer fast " } ] } ], "format" "6,6" } ] } example 5 what to paste { "rows" \[ { "columns" \[ { "blocks" \[ { "type" "content", "content" "š the charthop glossary\n\na dictionary for your first week look up anything that confuses you ignore the rest \n\nnot here? ask your buddy not sure who your buddy is? see b " } ] } ], "format" "12" }, { "columns" \[ { "blocks" \[ { "type" "content", "height" "stretch", "title" "a ā d", "content" "all hands\nthe weekly company meeting, fridays at 11 \n\nbuddy\nthe person assigned to answer your dumb questions for 30 days they'll slack you monday \n\ncomp\nshorthand for compensation we talk about it openly \n\ndogs\nwelcome at lunch not in meetings " } ] }, { "blocks" \[ { "type" "content", "height" "stretch", "title" "e ā l", "content" "equity\nyou have some details in your offer letter \n\nfridays\nmeeting light by default protect them \n\ngoal\nset quarterly discussed in 1 1s \n\ni 9\nthe form that proves you're allowed to work here bring id monday \n\nlunch\nyour manager pays on day one " } ] }, { "blocks" \[ { "type" "content", "height" "stretch", "title" "m ā z", "content" "manager\nyour first 1 1 is monday at 3 30 \n\npto\nunlimited 15 day minimum we mean both \n\nslack\nwhere most work conversations happen \n\nswag\nin the welcome box the hoodie is the good one \n\nwfh\nfine, common, supported just tell your team " } ] } ], "format" "4,4,4" } ] } want to tweak the content? block types content block properties type ā required title ā optional, renders as a bolded heading above content content ā the body text height ā accepts "stretch" (matches sibling block heights) or a number like 200 (fixed pixel height) layout format controls column widths within a row, using a 12 column grid "12", "6,6", "4,4,4" "3,3,3,3" text formatting in content plain text ā
line breaks via \n ā
numbered lists via 1 2 ā
bullet lists via ā
emojis ā
email addresses auto link ā
