Buttons

There are two types of button components, internalButton and externalButton. The internalButton component links to a published page within Strapi and the externalButton links to an external web or PDF link.

Internal Buttons

The internalButton component is nested under the “blocks” section on the Page collection. To add an internal button to a Page click the “Add a component to blocks” button located under the page title and slug and select the internalButton component.

Path to buttons step 1

The buttonLabel and page fields are now available. Add text to the buttonLable field and add a page link by using the page dropdown and selecting a published page link.

internalButton on Strapi:

Path to buttons step 2

internalButton on Live Website:

Path to buttons step 3

External Buttons

The externalButton component is nested under the "blocks" section on the Page collection. To add an external button to a Page click the "Add a component to blocks" button located under the page title and slug and select the externalButton component.

Path to buttons step 4

The buttonLabel and buttonLink fields are now available. Add text to the buttonLable field and add an external link or PDF link to the buttonLink text box.

externalButton on Strapi:

Path to buttons step 5

externalButton on Live Website:

Path to buttons step 3

To add another internalButton or externalButton click "add a component to blocks" at the bottom and complete the process again. To finish, ensure you click the "Save" button located in the top right corner.