diff --git a/content/applications/websites/website/web_design/building_blocks.rst b/content/applications/websites/website/web_design/building_blocks.rst index 4d531a8fe..d0d86c7d9 100644 --- a/content/applications/websites/website/web_design/building_blocks.rst +++ b/content/applications/websites/website/web_design/building_blocks.rst @@ -147,5 +147,6 @@ Click the pen icon to edit their name. :titlesonly: building_blocks/structure + building_blocks/features building_blocks/dynamic_content building_blocks/inner_content diff --git a/content/applications/websites/website/web_design/building_blocks/features.rst b/content/applications/websites/website/web_design/building_blocks/features.rst new file mode 100644 index 000000000..09ee2974d --- /dev/null +++ b/content/applications/websites/website/web_design/building_blocks/features.rst @@ -0,0 +1,40 @@ +======== +Features +======== + +The :guilabel:`Features` :doc:`building blocks <../building_blocks>` allow you to list multiple +items next to each other. + +The :ref:`Table of Content ` and the :ref:`Call to Action +` blocks are presented below. + +.. note:: + To add a building block, click :guilabel:`Edit`, select the desired building block under the + :guilabel:`Blocks` tab, and drag and drop it onto the page. To access its settings, click it and + go to the :guilabel:`Customize` tab, where the available options depend on the type of block + selected. + +.. _features/table_of_content: + +Table of content +================ + +The :guilabel:`Table of Content` block is used to list many different items grouped under several +headings. A clickable index is available to navigate quickly between the different categories. + +.. image:: features/table-of-content.png + :alt: The default Table of Content block + +.. _features/call_to_action: + +Call to action +============== + +The :guilabel:`Call to Action` block is used to prompt visitors to take a specific action, such +as signing up for a newsletter or contacting you. + +.. image:: features/call-to-action.png + :alt: The default Call to Action block + +To change the button's link, select it, go to the :guilabel:`Customize` tab's :guilabel:`Inline +Text` section and replace `/contactus` with another URL. diff --git a/content/applications/websites/website/web_design/building_blocks/features/call-to-action.png b/content/applications/websites/website/web_design/building_blocks/features/call-to-action.png new file mode 100644 index 000000000..0fb1f0400 Binary files /dev/null and b/content/applications/websites/website/web_design/building_blocks/features/call-to-action.png differ diff --git a/content/applications/websites/website/web_design/building_blocks/features/table-of-content.png b/content/applications/websites/website/web_design/building_blocks/features/table-of-content.png new file mode 100644 index 000000000..df2c83184 Binary files /dev/null and b/content/applications/websites/website/web_design/building_blocks/features/table-of-content.png differ