Let’s Build: A Consultancy Website – Part 22
Coding the home page call to action and global CTA
Part 22 carries on the series by introducing the call to action I designed for the home page as well as a global call to action that displays on every page of the site.
If it isn’t already obvious, a call to action is a way to convert a user to do some type of action. In our case, it redirects the user to the contact page where users can send a message directly to Alyssa. This is the ultimate goal at the end of the day after all.
Coding these parts are relatively simple. After creating fields for each section I was able to style those independently. I created new sass files for each section and applied styles within each.
Because the global call to action will be on each page I created the fields inside the
site.yaml file rather than the
home.yaml file within the blueprints directory.