ChartHop by ChartHop
Customizing ChartHop with AI
Customize your Forms
using ai to write form text blocks form text blocks are the instructional and contextual content you add inside a charthop form they're not fields — they're the copy that helps employees understand what a form is asking them to do used well, they reduce confusion, set expectations, and make forms feel less like bureaucracy and more like a conversation ai can write all of it you just need to know what each section needs to say what form text blocks support form text blocks accept html or markdown both work which one you use depends on how much formatting you need use markdown when you want clean, simple text a short intro, a bulleted list of instructions, a section divider it's faster to write and easier to update use html when you need branded styling a callout box with a background color, a header that matches your visual identity, or a more structured layout both support {{fieldcode}} syntax to pull in live employee data no javascript no external stylesheets html must use inline css only common uses an intro block at the top of a form explaining its purpose and what happens after submission section headers that divide a long form into logical parts instructional callouts ("all responses are confidential" or "this section is for managers only") contextual notes that appear mid form ("your answer here will be shared with your manager during calibration") a closing block with next steps or a timeline before you start collect these inputs before you open an ai tool what to collect example form name "q1 performance review," "new hire onboarding checklist" where the block appears top of form, mid form section header, closing block what it needs to communicate purpose, instructions, deadlines, confidentiality note tone warm and encouraging, clear and direct, neutral and informational any dynamic fields to include {{first name}}, {{manager name}} output format preference markdown (simple) or html (branded) dynamic fields you can use field what it shows {{first name}} employee's first name {{last name}} last name {{job title}} job title {{manager name}} manager's name {{department name}} department the prompt to give your ai for markdown output (simple, fast) you are helping me write a text block for a charthop form output format markdown only no html this block will appear \[at the top of / as a section header in / at the bottom of] a form called "\[your form name] " it should \ \[describe what you need intro paragraph, bulleted instructions, confidentiality note, next steps, etc ] \ be short — this is a form, not a document 3–5 sentences max unless i ask for more \ use {{first name}} if it makes sense to address the employee directly tone \[warm and encouraging / clear and direct / neutral] output only the markdown no explanation for html output (branded styling) you are helping me write a styled text block for a charthop form rules \ use only inline css — no \<style> tags, no external stylesheets \ no javascript \ dynamic fields use {{fieldcode}} syntax — keep these exactly as written my brand details \ primary color \[your primary hex] \ accent / background color for callout boxes \[your accent hex or a light tint] \ font \[your font name], with arial as fallback this block will appear \[at the top of / as a section header in / at the bottom of] a form called "\[your form name] " it should \ \[describe what you need a styled intro box, a callout with an icon or colored border, a section divider with a label, etc ] \ be short — forms need to feel approachable, not overwhelming \ use {{first name}} if it makes sense output only the html no explanation tips for better results shorter is almost always better a text block that takes 30 seconds to read is a text block employees will skip ask the ai to keep it tight and cut anything that isn't load bearing tell the ai the context "this appears at the top of a performance review form that employees complete about themselves" gives it everything it needs to get the tone and content right use markdown for most things unless you specifically need brand colors or a callout box, markdown is faster and easier to maintain it also tends to look cleaner inside charthop's form ui ask for a markdown and html version if you're not sure which you want, ask the ai to give you both pick the one that looks better when you preview the form conditional logic if a form serves multiple employee types or roles, you can show or hide text blocks based on employee data charthop uses {% if %} / {% endif %} blocks for this {% if {{employment type}} == 'full time' %} this section applies to full time employees only {% endif %} {% if {{department name}} == 'sales' %} your commission structure is outlined in your comp agreement on file {% endif %} give the ai the condition and the content you want shown add a conditional block that only shows if {{department name}} equals 'sales' when it does, show \[your content] use charthop's conditional syntax {% if \[condition] %} {% endif %} adding it to charthop open the form you're editing add a text block element where you want the content to appear paste your html or markdown into the editor preview the form to check layout and confirm field codes render correctly save the form
