Webiny Docs home page
WHAT YOU'LL LEARN
  • how to edit website settings

In this tutorial, we will learn how to manage website settings like website’s title, default home page, social media links, etc.

We will do this in 5 steps:

  • Step 1: Edit basic website settings
  • Step 2: Edit default pages
  • Step 3: Edit favicon & logo
  • Step 4: Edit social media links
  • Step 5: Edit HTML tags

Step 1: Edit Basic Website Settings
anchor

In this step, we will edit the title of the website.

  1. From the Side Menu, click Settings > PAGE BUILDER > Website.

    ✔️ The Website Settings screen opens.

  2. Under the Website Settings section, in the Website name textbox, update the text to your website’s title (e.g. Webiny).

Step 2: Edit Default Pages
anchor

In this step, we will edit the default homepage and not found (404) page of the website.

  1. Under the Default Pages section, in the Homepage dropdown, select the page you want as the homepage (e.g. The benefits of a Serverless CMS - the page we created in the Create Page tutorial).

  2. Under the Default Pages section, in the Not found (404) page dropdown, select the page you want to be displayed when a user visits a path URL on your website that does not exist (e.g. Not Found).

Step 3: Edit Favicon and Logo

In this step, we will edit the logo of the website.

  1. Under the Favicon and Logo section, click the Logo image selector.

    ✔️ The media manager screen opens.

  2. Click the image you want to set as the website’s logo (or upload the image if it isn’t already uploaded).

The other input field(s) in the Favicon and Logo section have the following use cases:

FieldUse Case
FaviconSelected icon will be displayed in the borwser’s tab or address bar when a user visits any page on your website

Step 4: Edit Social Media Links
anchor

In this step, we will add a twiter profile’s link to the website.

  1. Under the Social Media section, in the Twitter textbox, type your twitter profile’s link (e.g. https://twitter.com/WebinyCMSexternal link).

The other input field(s) in the Social Media section have the following use cases:

FieldUse Case
FacebookLink to your Facebook page/profile
InstagramLink to your Instagram profile
Default Open Graph ImageSelected image will be displayed as the preview image when a link of your website is shared over social media

Step 5: Edit HTML Tags
anchor

In this step, we will add an script tag in the header and footer of the website.

Header Tags
anchor

  1. Under the HTML Tags section, in the Header tags text-area, type the following code:

Note: HTML tags and scripts that are added in Header tags will be get added before the closing </head> tag in HTML. In Header tags, the supported tags are <script> and <meta>.

Footer Tags
anchor

  1. Under the HTML Tags section, in the Footer tags text-area, type the following code:

Note: HTML tags and scripts that are added in Footer tags will be get added before the closing </body> tag in HTML. In Footer tags, the supported tag is <script>.

  1. Click SAVE.

    ✔️ The messagge “Settings updated successfully.” displays.