Problems adding Scheduling Booking Bar/ custom CSS

Trying to add booking bar to SQS site following directions on Scheduling page:

Add a Booking Bar for "General Scheduling Page" at the top of your website using the code below.

<div class="acuity-booking-bar" style="display: none;">passepå <a href="https://app.squarespacescheduling.com/schedule.php?owner=26331005" target="_blank" class="acuity-embed-button">Schedule Appointment</a></div><script src="https://embed.acuityscheduling.com/embed/bar/26331005.js" async></script>

When I add it to custom CSS it says:

Syntax Error on line 1

I guess it could be due to the Norwegian character at the end of the name: passepå

I have changed the code to passepa instead but still get same message.

Any advice would be great

Just one more thing.

I don't know where scheduling is getting the name passepå from. It's the name of the company, used in the site header. But when I change that to something completely different the scheduling code still includes passepå. 

Hi,

Add that code to Settings > Advanced > Code Injection > Footer

Great Tuanphan! And real sorry for the late reply. Been out of town.

Fantastic.. thanks so much... works great.