CTA book appointment, Pattern Paste Canonical: https://patternpaste.com/pattern/cta-book-appointment.html Core Patterns (https://patternpaste.com/patterns/) Call to action (https://patternpaste.com/patterns/cta/) Catalogue access Standard # CTA book appointment A booking band for a clinic or a salon where the next free slot is the headline. A tracked label introduces the next available appointment set at display size, a line on who it is with, a Book online button and a reassurance line on cancelling; beside it a ruled box says or call reception, with the number as a large tap-to-call link and the phone hours beneath. States no colour and no font of its own. ## All patterns Search patterns Loading patterns… Start here ## What to change first The date, time and practitioner (keep them current, or say "this week"), the Book online link, the phone number and its tel: link, and the phone hours. The signature moment ## The next free slot is the headline The heading is not "Book now"; it is a date and a time. "Tuesday 14 October, 9.40am" at clamp(2.5rem, 5.2vw, 4.75rem) answers the question a visitor actually has, when can I be seen, before it asks them to act. The call box is the counterweight: a smaller, boxed second route at 40 per cent. It survives colourlessness because it is scale and a box, not colour. Theme handoff ## What comes from where ### From your theme - The ground is base and every line of type is contrast, each a two-rung chain. Text is at 4.5:1 or better in the stock themes. - The labels start on role-label, the box rule on role-rule, the number on role-link; all fall through to contrast. - Book online is your theme's own button: it states no colour, only 0.875rem of padding above and below so it clears 44px in every stock theme. - The heading is off the type ladder on purpose, a bare clamp: the slot is the composition. Body copy takes medium. - The typeface is your theme's. ### Set by this pattern - The columns are 60 and 40 per cent, centred on each other, and stack below 782px with the slot first. - The number is a transparent core/button with tel: behind it, never a bare anchor. Full pattern notes ## Why it works, and how it is built Open a topic for the complete design reasoning, editing guidance and implementation notes. Design rationaleComposition, intent and nearest alternatives ### Overview A booking band for a physio, a dentist, a vet or a salon. The next free slot is set at display size, with who it is with, a Book online button and a line on cancelling. Beside it a ruled box offers the other way in: or call reception, the number as a large tap-to-call link, and the phone hours. ### The signature moment: the next free slot is the headline The heading is not "Book now"; it is a date and a time. "Tuesday 14 October, 9.40am" at clamp(2.5rem, 5.2vw, 4.75rem) answers the question a visitor actually has, when can I be seen, before it asks them to act. The call box is the counterweight: a smaller, boxed second route at 40 per cent. It survives colourlessness because it is scale and a box, not colour. Make it yoursVariations and the edits to make first ### What to change first The date, time and practitioner (keep them current, or say "this week"), the Book online link, the phone number and its tel: link, and the phone hours. Theme behaviourInheritance, fixed decisions and contrast ### What it inherits from your theme - The ground is base and every line of type is contrast, each a two-rung chain. Text is at 4.5:1 or better in the stock themes. - The labels start on role-label, the box rule on role-rule, the number on role-link; all fall through to contrast. - Book online is your theme's own button: it states no colour, only 0.875rem of padding above and below so it clears 44px in every stock theme. - The heading is off the type ladder on purpose, a bare clamp: the slot is the composition. Body copy takes medium. - The typeface is your theme's. ### What it decides for itself - The columns are 60 and 40 per cent, centred on each other, and stack below 782px with the slot first. - The number is a transparent core/button with tel: behind it, never a bare anchor. Technical notesBlock mechanics, responsive behaviour and constraints ### The Styled look pearl-and-rosewood states a pearl ground #f8f3f0, near-black type #2b2226 (14:1), a white call card, and a rosewood #8b3a50 pill button with pearl text (6.8:1) and a rosewood number. The heading and the number are Georgia, the rest Helvetica. It is for a clinic, a dental practice or a salon. Questions ## CTA book appointment: common questions Does CTA book appointment need a plugin? No. It is built only from core WordPress blocks (button, buttons, column, columns, group, heading and paragraph), so it pastes into the block editor with nothing to install. Will CTA book appointment match my theme? Choose by variation. Book appointment takes your theme’s palette; Pearl and rosewood brings its own colours. How many variations does CTA book appointment have? 2: Book appointment and Pearl and rosewood. Each is its own markup; choose one in the toolbar above the preview before you copy. Is CTA book appointment free? It is included with a subscription, with every Core Pattern and variation. 56 Core Patterns are free to copy without one. Which WordPress version does it need? Requires a block theme on WordPress 7.0. Classic themes and page builders are outside our supported setup. Adaptive patterns use the block theme’s colour, spacing and typography presets; styled variations declare their own colours or type. 7.7KB of core-block markup, 7 blocks (button, buttons, column, columns, group, heading, paragraph), and nothing else: paste it into the block editor and it becomes editable blocks wearing your theme. Subscribe to copy it, £119 a year (https://patternpaste.com/account/#plan) What you copy is yours forever. Cancel whenever. Back to Core Patterns (https://patternpaste.com/patterns/) Catalogue access ### £119 a year All patterns, variations and theme downloads. What you copy is yours forever. Cancel whenever. Subscribe, £119 a year (https://patternpaste.com/account/#plan) Sign in (https://patternpaste.com/account/) Everything you copy is yours to keep, forever, on any site; access to the rest of the library runs while you subscribe. Cancel any time; access runs to the end of the period you have paid for, and there is no pro-rata refund. Prices are in pounds and are the full price in the UK, the US and eleven other countries; elsewhere the checkout adds your local VAT or sales tax. The terms name every country. #### Pair with Footer Composed signoff Three still slogan rows above a studio footer with contact, navigation and legal details. (https://patternpaste.com/pattern/footer-composed-signoff.html)Hero Hero aperture An opening section on your theme's own paper: a tracked line, a display headline, one short paragraph on a reading measure, and then a picture that stops short of the edge on every side. The signature is the margin: the image is a window cut in the page rather than a band across it, and the paper around it is what you notice. A small opaque plate in the picture's bottom-right corner carries the caption, so no type ever sits on the photograph. The still-image version includes an example photograph; select your own clip for the video version. States no colour and no font of its own. (https://patternpaste.com/pattern/hero-aperture.html)Pricing Donate impact tiers Four donation cards for a charity, each amount set at display size over what it pays for, one plain line of how, and a Donate button on the foot. The third card is inverted as the most given gift, and a note under the cards carries the charity number, Gift Aid and a link to give another amount. States no colour and no font of its own. (https://patternpaste.com/pattern/donate-impact-tiers.html) #### Before you paste Requires a block theme on WordPress 7.0. Classic themes and page builders are outside our supported setup. Adaptive patterns use the block theme’s colour, spacing and typography presets; styled variations declare their own colours or type. How we test patterns (https://patternpaste.com/how-we-test/) ## Specifications Section Call to action Access Subscription Plugin None, core blocks only Variations 2 Colour From your theme or its own palette Type From your theme or its own type Motion None Blocks button, buttons, column, columns, group, heading, paragraph Presets color 7, spacing 7, font-size 1 WordPress 7.0+ Continue exploring ## Next in Call to action Explore all 14 Call to action patterns (https://patternpaste.com/patterns/cta/) Shot in Twenty Twenty-Five Call to action No plugin needed ### CTA band A full-bleed closing band that inverts the page: a contrast ground carrying base text, one centred statement, one action. Call to action Preview pattern (https://patternpaste.com/pattern/cta-band.html) Shot in Twenty Twenty-Five Call to action No plugin needed ### CTA call now An emergency band for a trade that answers the phone at night. Call to action Preview pattern (https://patternpaste.com/pattern/cta-call-now.html) Shot in Twenty Twenty-Five Call to action No plugin needed ### CTA cover The closing band that ends on a photograph. Call to action Preview pattern (https://patternpaste.com/pattern/cta-cover.html)