add a sticky 'Order online' button bottom-right of the viewport

Base site
cap-cafe
Category
cta
Tools called
2
Duration
15.2s
HTML diff
Changed
Example ID
CB-023
Before
Before
After
After

Agent's response

I’ve added a new “Sticky Order Online Button” section at the bottom of the page. The button is fixed to the bottom‑right corner of the viewport, styled with your brand’s accent colours and a hover effect. Drafts are ready for your review.

Tool calls

list_sections step 1 
{
  "page": "index.html"
}
add_section step 2 
{
  "page": "index.html",
  "name": "sticky-order-button",
  "label": "Sticky Order Online Button",
  "html": "<button class=\"bg-accent text-white px-6 py-3 rounded-full hover:bg-accent-hover transition-colors\" style=\"position: fixed; bottom: 20px; right: 20px; z-index: 50;\">Order online</button>",
  "position": "end"
}