![Umbria Documentation [DO NOT DELETE]](https://www.umbriadocs-imageserve.com/65f78027c124c1543492a499-9f09e940-0c28-48c3-b149-a6abc29230c3-DOCS IMAGE LIGHT.png)
![Umbria Documentation [DO NOT DELETE]](https://www.umbriadocs-imageserve.com/65f78027c124c1543492a499-2e72ef6f-071e-4557-b985-54461fa346b7-DOCS IMAGE DARK.png)
Anchors
Anchors are a way to distribute links that will automatically scroll to a section on your page. Anchors are shown in the right sidebar on your deployed site under "ON YOUR PAGE". They can be previewed along with the rest of your site by clicking the play button in the top right of the editor.
Anchors are nested depending on their header size from largest to smallest (H1 being the largest to H6 the smallest).
Smaller headers like the "H5 Section Header" are nested under the larger headers, like the "H4 Section Header"
Smaller headers like the "H5 Section Header" are nested under the larger headers, like the "H4 Section Header"
Anchors are available on all components with headers; in Umbria, this means any text that has a customizable header tag has an anchor.
The header tag size menu indicates a customizable header
The header tag size menu indicates a customizable header
Container components with editable text also have anchors. These include accordions, expandables, toggles, and stepper sections. All headers/anchors nested in these container components will show on the right sidebar and be nested in their container anchor.
Accordions have customizable text that will show on the right sidebar
Accordions have customizable text that will show on the right sidebar
Container components without editable text will not be shown on the right sidebar, but all headers nested within it will.
"Show More" toggles don't have customizable text so only their contents will show on the rightsidebar
"Show More" toggles don't have customizable text so only their contents will show on the rightsidebar
All containers will automatically be scrolled to and open if linked to using the anchor, or if clicked on in the right sidebar.
Linking to Anchors
Deploy Your Site (if you have not already)
An anchor won't be available for you to link till your site has been deployed.
Deploy Your Site (if you have not already)
An anchor won't be available for you to link till your site has been deployed.
Copy the Anchor
Select the component in the Umbria editor that you want to get the anchor link of. A section called "Component Anchors" should be visible on the right sidebar, if the component you have selected has an anchor attached.
"Component Anchor" are found at the bottom of the right sidebar above the "Clone" and "Delete" button
"Component Anchor" are found at the bottom of the right sidebar above the "Clone" and "Delete" button
If your site was not deployed the "Component Anchors" section will look like this:
The "Component Anchors" section for a component that has an anchor but its site has not been deployed
The "Component Anchors" section for a component that has an anchor but its site has not been deployed
Click the clipboard to copy the link.
Copy the Anchor
Select the component in the Umbria editor that you want to get the anchor link of. A section called "Component Anchors" should be visible on the right sidebar, if the component you have selected has an anchor attached.
"Component Anchor" are found at the bottom of the right sidebar above the "Clone" and "Delete" button
"Component Anchor" are found at the bottom of the right sidebar above the "Clone" and "Delete" button
If your site was not deployed the "Component Anchors" section will look like this:
The "Component Anchors" section for a component that has an anchor but its site has not been deployed
The "Component Anchors" section for a component that has an anchor but its site has not been deployed
Click the clipboard to copy the link.
Paste
Paste your copied anchor link wherever needed! Anchor links can be used for any button or linked text in Umbria.
Paste
Paste your copied anchor link wherever needed! Anchor links can be used for any button or linked text in Umbria.
Anchors
Anchors are a way to distribute links that will automatically scroll to a section on your page. Anchors are shown in the right sidebar on your deployed site under "ON YOUR PAGE". They can be previewed along with the rest of your site by clicking the play button in the top right of the editor.
Anchors are nested depending on their header size from largest to smallest (H1 being the largest to H6 the smallest).
Smaller headers like the "H5 Section Header" are nested under the larger headers, like the "H4 Section Header"
Smaller headers like the "H5 Section Header" are nested under the larger headers, like the "H4 Section Header"
Anchors are available on all components with headers; in Umbria, this means any text that has a customizable header tag has an anchor.
The header tag size menu indicates a customizable header
The header tag size menu indicates a customizable header
Container components with editable text also have anchors. These include accordions, expandables, toggles, and stepper sections. All headers/anchors nested in these container components will show on the right sidebar and be nested in their container anchor.
Accordions have customizable text that will show on the right sidebar
Accordions have customizable text that will show on the right sidebar
Container components without editable text will not be shown on the right sidebar, but all headers nested within it will.
"Show More" toggles don't have customizable text so only their contents will show on the rightsidebar
"Show More" toggles don't have customizable text so only their contents will show on the rightsidebar
All containers will automatically be scrolled to and open if linked to using the anchor, or if clicked on in the right sidebar.
Linking to Anchors
Deploy Your Site (if you have not already)
An anchor won't be available for you to link till your site has been deployed.
Deploy Your Site (if you have not already)
An anchor won't be available for you to link till your site has been deployed.
Copy the Anchor
Select the component in the Umbria editor that you want to get the anchor link of. A section called "Component Anchors" should be visible on the right sidebar, if the component you have selected has an anchor attached.
"Component Anchor" are found at the bottom of the right sidebar above the "Clone" and "Delete" button
"Component Anchor" are found at the bottom of the right sidebar above the "Clone" and "Delete" button
If your site was not deployed the "Component Anchors" section will look like this:
The "Component Anchors" section for a component that has an anchor but its site has not been deployed
The "Component Anchors" section for a component that has an anchor but its site has not been deployed
Click the clipboard to copy the link.
Copy the Anchor
Select the component in the Umbria editor that you want to get the anchor link of. A section called "Component Anchors" should be visible on the right sidebar, if the component you have selected has an anchor attached.
"Component Anchor" are found at the bottom of the right sidebar above the "Clone" and "Delete" button
"Component Anchor" are found at the bottom of the right sidebar above the "Clone" and "Delete" button
If your site was not deployed the "Component Anchors" section will look like this:
The "Component Anchors" section for a component that has an anchor but its site has not been deployed
The "Component Anchors" section for a component that has an anchor but its site has not been deployed
Click the clipboard to copy the link.
Paste
Paste your copied anchor link wherever needed! Anchor links can be used for any button or linked text in Umbria.
Paste
Paste your copied anchor link wherever needed! Anchor links can be used for any button or linked text in Umbria.
Anchors
Anchors are a way to distribute links that will automatically scroll to a section on your page. Anchors are shown in the right sidebar on your deployed site under "ON YOUR PAGE". They can be previewed along with the rest of your site by clicking the play button in the top right of the editor.
Anchors are nested depending on their header size from largest to smallest (H1 being the largest to H6 the smallest).
Smaller headers like the "H5 Section Header" are nested under the larger headers, like the "H4 Section Header"
Smaller headers like the "H5 Section Header" are nested under the larger headers, like the "H4 Section Header"
Anchors are available on all components with headers; in Umbria, this means any text that has a customizable header tag has an anchor.
The header tag size menu indicates a customizable header
The header tag size menu indicates a customizable header
Container components with editable text also have anchors. These include accordions, expandables, toggles, and stepper sections. All headers/anchors nested in these container components will show on the right sidebar and be nested in their container anchor.
Accordions have customizable text that will show on the right sidebar
Accordions have customizable text that will show on the right sidebar
Container components without editable text will not be shown on the right sidebar, but all headers nested within it will.
"Show More" toggles don't have customizable text so only their contents will show on the rightsidebar
"Show More" toggles don't have customizable text so only their contents will show on the rightsidebar
All containers will automatically be scrolled to and open if linked to using the anchor, or if clicked on in the right sidebar.
Linking to Anchors
Deploy Your Site (if you have not already)
An anchor won't be available for you to link till your site has been deployed.
Deploy Your Site (if you have not already)
An anchor won't be available for you to link till your site has been deployed.
Copy the Anchor
Select the component in the Umbria editor that you want to get the anchor link of. A section called "Component Anchors" should be visible on the right sidebar, if the component you have selected has an anchor attached.
"Component Anchor" are found at the bottom of the right sidebar above the "Clone" and "Delete" button
"Component Anchor" are found at the bottom of the right sidebar above the "Clone" and "Delete" button
If your site was not deployed the "Component Anchors" section will look like this:
The "Component Anchors" section for a component that has an anchor but its site has not been deployed
The "Component Anchors" section for a component that has an anchor but its site has not been deployed
Click the clipboard to copy the link.
Copy the Anchor
Select the component in the Umbria editor that you want to get the anchor link of. A section called "Component Anchors" should be visible on the right sidebar, if the component you have selected has an anchor attached.
"Component Anchor" are found at the bottom of the right sidebar above the "Clone" and "Delete" button
"Component Anchor" are found at the bottom of the right sidebar above the "Clone" and "Delete" button
If your site was not deployed the "Component Anchors" section will look like this:
The "Component Anchors" section for a component that has an anchor but its site has not been deployed
The "Component Anchors" section for a component that has an anchor but its site has not been deployed
Click the clipboard to copy the link.
Paste
Paste your copied anchor link wherever needed! Anchor links can be used for any button or linked text in Umbria.
Paste
Paste your copied anchor link wherever needed! Anchor links can be used for any button or linked text in Umbria.