Skip to main content

Contact Page — Content Reference

CMS Path: Pages → Contact Page

File: content/contact.md

The Contact Page contains a configurable form. You can change the form action, add or remove fields, and edit all text.

python ssg pro jamstack static site generator


Page Metadata​

FieldFile KeyWhat It Controls
LayoutlayoutTemplate used (do not change)
TitletitleBrowser tab and SEO title
DescriptiondescriptionMeta description
ImageimageSocial share image
KeywordskeywordsSEO keywords
AuthorauthorPage author

Form​

FieldFile KeyWhat It Controls
Actionform.actionWhere the form submits (e.g., Formspree endpoint)
Methodform.methodHTTP method (usually POST)
Buttonform.buttonSubmit button label

Note: By default, the form uses Formspree. Replace the action URL with your own Formspree endpoint, or another form service such as Basin, Getform, or Web3Forms.


FieldFile KeyWhat It Controls
Kickerhead.kickerSmall label above the heading
Titlehead.titleMain heading (HTML allowed, e.g., <br>)
Texthead.textDescription paragraph

Fields​

The Fields list defines the form inputs. Each field has:

FieldFile KeyWhat It Controls
Namefields[].nameHTML name attribute (used when submitting)
Labelfields[].labelVisible field label
Typefields[].typetext, email, select, or textarea
Placeholderfields[].placeholderGrey text inside the input
Requiredfields[].requiredWhether the field is required
Halffields[].halfWhether the field takes half width (2 per row)
Rowsfields[].rowsFor textarea — number of visible rows
Optionsfields[].optionsFor select — list of options

Default Fields​

Pycora Pro ships with these fields:

NameLabelTypeRequired
nameNametextYes
emailEmailemailYes
typeProject typeselectNo
budgetBudget rangeselectNo
messageMessagetextareaYes

How to Add a Field​

  1. Expand Fields
  2. Click Add Fields
  3. Fill in Name, Label, Type
  4. Add placeholder, required, half, and options as needed
  5. Click Save

How to Remove a Field​

  1. Expand Fields
  2. Click the trash icon next to the field
  3. Click Save

Note​

FieldFile KeyWhat It Controls
NotenoteSmall note below the form

Example: "We reply within 24 hours. No spam."


Trust​

FieldFile KeyWhat It Controls
TrusttrustList of trust badges below the form

How to add a trust badge:

  1. Expand Trust
  2. Click Add Trust
  3. Enter the text
  4. Click Save

Example trust badges:

  • "72+ verified deliveries"
  • "Est. 2018"
  • "Replies within 24 hours"

How to Edit the Contact Page​

  1. Open the CMS at /admin/
  2. Click Pages → Contact Page
  3. Edit the metadata
  4. Expand Form to change the form action
  5. Expand Fields to add or remove form fields
  6. Edit Head, Note, and Trust
  7. Click Save

Form Service Options​

ServiceFree TierNotes
Formspree50 submissions/monthEasy setup
Basin100 submissions/monthClean UI
Getform50 submissions/monthGood for teams
Web3FormsUnlimitedRequires API key

After creating an account, copy your endpoint URL and paste it into the Action field.


Best Practices​

  • Keep the form short — 4–5 fields maximum
  • Mark only important fields as required — fewer required = higher completion
  • Use clear labels — avoid jargon
  • Test the form — submit a test message and confirm it arrives
  • Add a note — set expectations (e.g., response time)

Troubleshooting​

Form does not submit​

  1. Check the Action URL is correct
  2. Check the Method is POST
  3. Check the form service dashboard for errors
  4. Try a different browser

Submissions go to spam​

  1. Set up SPF and DKIM records for your domain
  2. Use a reputable form service
  3. Add a CAPTCHA if needed

Field does not appear​

  1. Confirm the field has Name and Label
  2. Check that the type is valid (text, email, select, textarea)
  3. Save again

Select options are empty​

Open the field and add at least one Option.

Form styling looks broken​

Check that the theme CSS is loading. Refresh with Ctrl + Shift + R.



What's Next?​

Now let's look at the Journal Page.

👉 Next: Journal Page →