Build your first page

Build on brand pages using Nyla templates
Time: 15 minutes to 1 hour

Build your first page

Build on brand pages using Nyla templates
Time: 15 minutes to 1 hour

Intro to section templates


Section templates enable you to create linked design & functionality across your site. They are fully composable and can be used on any page. Templates don't restrict your building capabilities. You can use the full depth of Nyla's atomic building system to create custom designs. They are design components that help you to build quickly and easily, as well as to decide what users should be able to edit on any given design each time it is used.
Try templates
See the Hero section template immediately below this section that has a background image, some text and a CTA. Try editing the content overrides and see how the content changes, but the design remains the same. You'll see the overrides on the "Quick view" mode that you see when first clicking to edit the template. Once you've done that, try going into "Edit Mode" (Click into template > Edit template) and see how you can make design edits to the template. If this template was on muiltiple pages, saving and publishing would apply your changes everywhere that this template is used.

Intro to section templates


Section templates enable you to create linked design & functionality across your site. They are fully composable and can be used on any page. Templates don't restrict your building capabilities. You can use the full depth of Nyla's atomic building system to create custom designs. They are design components that help you to build quickly and easily, as well as to decide what users should be able to edit on any given design each time it is used.
Try templates
See the Hero section template immediately below this section that has a background image, some text and a CTA. Try editing the content overrides and see how the content changes, but the design remains the same. You'll see the overrides on the "Quick view" mode that you see when first clicking to edit the template. Once you've done that, try going into "Edit Mode" (Click into template > Edit template) and see how you can make design edits to the template. If this template was on muiltiple pages, saving and publishing would apply your changes everywhere that this template is used.
Example template
Lorem ipsum dolor sit amet, consectetur adipiscing elitat elementum eu facilisis. onsectetur adipiscing
Example template
Lorem ipsum dolor sit amet, consectetur adipiscing elitat elementum eu facilisis. onsectetur adipiscing

Building your first pages


This sandbox comes with a few pages that serve as starting points for you to see how Nyla works and the types of things you can build. Try creating your own pages, or adapting these starting points however you'd like.
Home
A homepage with two dynamic cross sell sections.
PDP
A PDP template with upsells, cross sells and composable below the folder content.
PLP
A product listing page with editorial grid items.
About Us Page
About Us template with some image and text variations.

Building your first pages


This sandbox comes with a few pages that serve as starting points for you to see how Nyla works and the types of things you can build. Try creating your own pages, or adapting these starting points however you'd like.
Home
A homepage with two dynamic cross sell sections.
PDP
A PDP template with upsells, cross sells and composable below the folder content.
PLP
A product listing page with editorial grid items.
About Us Page
About Us template with some image and text variations.

Next up


Now you have the basics set up, it's time to go building out some pages.
Previous
Setting up your design system.
Next
Edit your homepage, duplicate an existing page, or go to Pages > "+" to create a new page of your own.

Next up


Now you have the basics set up, it's time to go building out some pages.
Previous
Setting up your design system.
Next
Edit your homepage, duplicate an existing page, or go to Pages > "+" to create a new page of your own.