Before you start, make sure you have added the page(s) you want to have breadcrumbs on to the sitemap.
If your environment already have has an existing breadcrumb menu, please go to step 2.
...
Image 1.1 Adding Group Widget Options to a menu.
For now we will we not do any modifications on Click on 'edit' ion the Group Widget Option and click on 'Hide the menu item' if this is not done in some cases the menu item will also be present in your main menu.
Go back to the 'Widgets' bar and drag the 'Page Link' widget to under the 'Group Widget Options' as shown on the screenshot below.
...
Save your changes and go to your page - you can now look at your first created breadcrumb! 
Image 1.4 Our first breadcrumb.
...
Now go to your page, and open the breadcrumb widget. Refresh the menu by finding it in the dropdown again, you will now see that two pages pop up under it!
Image 1.4 Breadcrump pages Breadcrumb pages automatically updated.
Go to the URL of your page and check if everything has gone as it should. By making this tutorial I forgot to copy the Localization Options in the breadcrumb widget to all languages, and hence, I had no idea why it did not work for a couple of minutes.
...
You know have a small breadcrumb structure! You can repeat this step and add more group widget options if you want a longer breadcrumb structure. Next: Breadcrumb styling.
Step 5. Styling, change the home icon to text.
Go to the page you want to edit the breadcrumbs on and localize the breadcrumb widget.
Click on 'edit the widget'.
On the button of the general tab you will see a dropdown choice with the headline 'Select the home label type as'.
Chose 'Label' in the dropdown as shown on the image under.
Image 1.5 Select label dropdown.
Save and open your page to see the changes! 
Image 1.6 Show label option.
If you chose 'Show both label and icon' your breadcrumb structure will look like this now:
Image 1.7 Show both label and icon option.
If you want to change it back to only having the icon you can choose 'Icon' in the dropdown.