1. Add a front-end host.
2. Configure a back-end pool.
3. Set up rules for routing and caching.

1. Go to Fragment > New Fragment , and name the new fragment Checkout fragment .
2. Add a checkout module to the fragment.
3. Add a heading to the checkout module.
4. Add shipping address, delivery options, checkout section container, and contact information modules.
5. In the checkout section container module, add gift card, loyalty points, and payment modules. In this way, you make sure that all the payment methods appear together in a section.
6. Save and preview the fragment. Some modules that don't have a cart context might not be rendered in the preview.
7. Finish editing the fragment, and publish it.
8. Create a template that uses the new checkout fragment.
9. Create a checkout page that uses the new template.

1. A site author wants a three-column layout, where three modules appear side by side. Therefore, the site author uses a container module of the container with 3-slots type.
2. A site author wants a six-column layout, where six modules appear side by side. Therefore, the site author uses a container of the contain type that has six columns inside it.
3. A site author wants to put a module on a page but doesn't want it to fill the screen. Therefore, the site author adds the module to a container module and sets the container's Width property to Fit container .

1. 75%/25% – The first module has a column width of 75 percent, and the second module has a column width of 25 percent. A 25%/75% option is also available.
2. 50%/50% – Both modules have equal column width.
3. 67%/33% – The first module has a column width of 67 percent, and the second module has a column width of 33 percent. A 33%/67% option is also available.
4. 100% – Both modules have a full-column width. Therefore, the modules are vertically stacked in a single column. Although this single-column layout goes against intent of the container with 2-slots type, it might be preferable for some view ports (for example, extra-small view ports such as mobile devices).

1. 75%/25% – The first module has a column width of 75 percent, and the second module has a column width of 25 percent. A 25%/75% option is also available.
2. 50%/50% – Both modules have equal column width.
3. 67%/33% – The first module has a column width of 67 percent, and the second module has a column width of 33 percent. A 33%/67% option is also available.
4. 100% – Both modules have a full-column width. Therefore, the modules are vertically stacked in a single column. Although this single-column layout goes against intent of the container with 2-slots type, it might be preferable for some view ports (for example, extra-small view ports such as mobile devices).

1. 33%/33%/33% – All three modules have equal column width.
2. 50%/25%/25% – The first module has a column width of 50 percent, and each of the remaining two modules has a column width of 25 percent. 25%/50%/25% and 25%/25%/50% options are also available.
3. 16%/16%/67% – Each of the first two modules has a column width of 16 percent, and the third module has a column width of 67 percent. 16%/67%/16% and 67%/16%/16% options are also available.

1. Create a page template that is named container template .
2. In the Body slot, add a Default page module.
3. Finish editing the template, and publish it.
4. Use the container template that you just created to create a page that is named container page .
5. In the Main slot of the new page, add a container module.
6. In the property pane for the container module, set the Number of columns property to 1 and the Width property to Fill container .
7. In the container module, add a content block module.
8. In the property pane for the content block module, configure the heading, image, and layout.
9. Save and preview the page. You should see one feature module that fits within the width of the container module.
10. In the property pane for the container module, change the value of the Number of columns property to 3 .
11. Add two more content block modules to the container module.
12. Save and preview the page. You should now see three content block modules that appear side by side.
13. After you've achieved the layout that you want, finish editing the page, and publish it.

1. To showcase product features on a product details page.
2. For informational purposes on any page. For example, they can explain the benefits of loyalty programs, describe shipping and return policies, answer frequently asked questions, or provide "about us" content.
3. To add custom messages on a product details page. (for example, "Free shipping for orders over $50").
4. For disclaimers and contact details on product details pages, cart pages, checkout pages, and other pages (for example, "Shipping and returns are subject to store policies").

1. Create a page template that is named Content template .
2. In the Body slot, add a Default page module.
3. Finish editing the template, and publish it.
4. Use the content template that you just created to create a page that is named Content page .
5. In the Main slot of the new page, add a container module.
6. In the property pane for the container module, set the Width property to Fill container .
7. Add a text block module to the container module.
8. In the property pane of the text block module, add text to the Rich text field.
9. Finish editing the page, and publish it.

1. Create a page template that is named Content template .
2. In the Body slot, add a Default page module.
3. Finish editing the template, and publish it.
4. Use the content template that you just created to create a page that is named Content page .
5. In the Main slot of the new page, add a container module.
6. In the property pane for the container module, set the Width property to Fill container .
7. Add a text block module to the container module.
8. In the property pane of the text block module, add text to the Rich text field.
9. Finish editing the page, and publish it.