How to add HTML Tag in Contact Form Title

Topic summary

Issue: A line break (
) added to the Shopify contact form title was displayed as literal brackets instead of creating a new line.

Key suggestions:

  • A quick attempt to use
    was proposed but not confirmed effective.
  • A practical solution was to modify theme code: Online Store > Theme > Edit code, open the contact page template (contact-form.liquid or page.contact.liquid), locate the title, and avoid inserting
    directly.
  • Use styling for layout instead of HTML tags: add a custom class to the title (e.g., contact-form-title) and adjust presentation via CSS (e.g., line-height: 1.5; text-align: center). Inline styles were also suggested as an option.

Outcome: The poster confirmed the change worked after applying the theme/CSS approach.

Status: Resolved; no remaining questions or actions noted.

Notes: The core workaround relies on CSS-based formatting instead of embedding HTML tags in the title field, which may escape tags in certain Shopify contexts.

Summarized with AI on December 16. AI used: gpt-5.

Thanks for your precious reply. Its working

1 Like