How to assign an ID to an element in Dawn theme's JSON file?

Store Design

Topic summary

A store owner upgrading to the Dawn theme wants to create on-page jump links (anchor links) from a top menu to specific sections. Their prior method was adding an HTML id to elements (e.g.,

) and linking with href=“#first_element”.

In Dawn, custom pages are defined via JSON templates, so they are unsure how to assign an element id within this structure. They share a JSON snippet for an “image-with-text” section that includes a “heading” block and ask if adding “id”: “first_element” under the block’s settings would work to target that section with anchor links.

Key artifact: a code snippet (JSON) is central to the question.

No responses or confirmation are provided yet. The thread currently has no resolution or guidance on whether adding an id in the JSON settings will translate to an HTML id in the rendered page.

Summarized with AI on February 24. AI used: gpt-5.
1

I am upgrading my site to the Dawn theme, I am not ready to publish yet as my site has lots of custom pages.

I want to create jump links from a menu at the top of a page, so say when one of the links is clicked it jumps down the page to that element,
I have always done it by giving each element a separate id, something like


then the link would be first_element

But on the Dawn theme custom pages are created as Json files, when i “edit code” and look at the relevant json file, i don’t know how to ad in the id.

Say I have this:

“164344492090ad3def”: {
“type”: “image-with-text”,
“blocks”: {
“164344492003224a4b-0”: {
“type”: “heading”,
“settings”: {
“heading”: “CARRY ON TOURING - AMBASSADORS”,
“heading_size”: “h2”
}
},
can i add “id”: “first_element” so it would be like this:

“164344492090ad3def”: {
“type”: “image-with-text”,
“blocks”: {
“164344492003224a4b-0”: {
“type”: “heading”,
“settings”: {
“heading”: “CARRY ON TOURING - AMBASSADORS”,
“heading_size”: “h2”,

“id”: “first_element”
}
},

Would that work?