ChartHop by ChartHop
Customizing ChartHop with AI
customize charthop with ai you don't need to know how to code to make charthop feel like yours the platform supports html and markdown in several key areas — your homepage, employee profiles, document templates, and forms that means you can customize layouts, add your brand colors and fonts, and surface the right information for every employee ai makes this fast you describe what you want, share your brand details, and paste the output directly into charthop the guides in this section walk you through exactly how to do it pro tip before you start prompting, give your ai some context link it to docs charthop com or paste in the articles most relevant to what you're building an ai that knows how charthop works will get you further, faster how it works charthop's customizable areas support dynamic field expressions — {{fieldcode}} — that pull in live employee data automatically you write the layout once, and charthop personalizes it for every person in your org every guide includes what to collect before you start (colors, fonts, field codes) a copy paste prompt you can take straight to claude, chatgpt, or any other ai tool tips for getting better output step by step instructions for adding it to charthop guides in this section profile tab config add custom tabs to employee profile pages use them to surface role specific resources, display custom data fields, or organize information that doesn't have a home anywhere else in charthop supports html with inline css, {{fieldcode}} expressions letter templates generate branded, personalized documents directly from charthop — offer letters, comp review letters, total rewards statements, piias, proof of employment letters, and more templates have a dedicated stylesheet tab, so you can define your brand styles once and reuse them across every document supports html, css classes via stylesheet tab, {{fieldcode}} expressions, pdf generation form text blocks add instructional and contextual content to your charthop forms intro blocks, section headers, callouts, closing notes — anything that helps employees understand what a form is asking and what happens next supports html with inline css, markdown, {{fieldcode}} expressions before you open any guide gather these basics first you'll need them for every prompt what to collect why primary brand color (hex) used for headers, accents, and ctas secondary / accent color (hex) used for backgrounds, borders, callouts font name applied to all text in the layout logo url used in document headers (letter templates) company name and address used in document headers (letter templates) not sure where to start? head to the form text blocks guide first it's the quickest win and gives you a feel for how field expressions work before you tackle more complex layouts
