CTA RSVP reply card: WordPress Block Pattern, Pattern Paste Canonical: https://patternpaste.com/pattern/cta-rsvp-reply-card.html Core Patterns (https://patternpaste.com/patterns/) Call to action (https://patternpaste.com/patterns/cta/) Catalogue access Standard # CTA RSVP reply card A reply card for an invitation: a double-ruled card centred on the page with the reply-by date at display size, the three things a guest needs to tell you as numbered lines, then a button to your reply form and an email link that opens with the same three questions filled in, and beside the card a ruled note naming who to ask. ## All patterns Search patterns Loading patterns… Start here ## What to change first - The date in the headline. - The three prompts. Keep them in step with the questions on your form. - The "Reply online" link. It points at #rsvp-form. - The email link. It opens a new email to rsvp@nellandsam.co.uk with the subject and the three questions already in the body. - Who to ask, and the tel: link on the phone number (01632 960 219 is a reserved example number). The signature moment ## The card tells you what to write before you open the form A double-ruled card centred on the page: "Kindly reply by" over the date at display size, then "What we need from you" as three numbered lines with italic numerals (who is coming, anything you cannot eat and your menu choices, one song), then the two ways to reply. Nothing on the card looks clickable except the two links: no fake inputs, no drawn boxes. Beside the card on a wide screen, a ruled note names who to ask; on a phone it follows the card. Theme handoff ## What comes from where ### From your theme - Typeface. - Palette. - Buttons. ### Set by this pattern - The date. - The card. 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 The reply card from an invitation, set on the page. The reply-by date is the headline, and under it the card lists exactly what a guest needs to tell you, so they know what to write before they open your form or their email. It sits in the cta section beside cta-book-appointment (the next slot is the headline) and cta-two-doors (two equal doors, no content): here the content of the reply is the point, and the buttons come after it. ### The signature moment: the card tells you what to write before you open the form A double-ruled card centred on the page: "Kindly reply by" over the date at display size, then "What we need from you" as three numbered lines with italic numerals (who is coming, anything you cannot eat and your menu choices, one song), then the two ways to reply. Nothing on the card looks clickable except the two links: no fake inputs, no drawn boxes. Beside the card on a wide screen, a ruled note names who to ask; on a phone it follows the card. Make it yoursVariations and the edits to make first ### What to change first Core WordPress has no form block and the pattern ships no script, so it collects nothing itself: it is the reply card and two doors to a reply you own. - The date in the headline. - The three prompts. Keep them in step with the questions on your form. - The "Reply online" link. It points at #rsvp-form. Either put a form block from a form plugin (WPForms, Contact Form 7, Gravity Forms, Jetpack Forms) after this pattern and give it the HTML anchor rsvp-form, or change the link to your form's page, or to a Google Form, Tally or Typeform link. - The email link. It opens a new email to rsvp@nellandsam.co.uk with the subject and the three questions already in the body. Edit the address, and keep the subject= and body= parts if you want replies to arrive in the same shape. - Who to ask, and the tel: link on the phone number (01632 960 219 is a reserved example number). Theme behaviourInheritance, fixed decisions and contrast ### What it inherits from your theme - Typeface. The base states no font family. - Palette. Your base ground and contrast text. The card tries role-plate and role-plate-text; both rules of the double border and the note's rule try role-rule; labels try role-label; all fall back to base and contrast. - Buttons. Your theme's button with a stated padding, beside an underlined email link in the text colour. ### What it decides for itself - The date. A display size off the ladder, about 40px on a phone and 64px from 1280 up, because the date is the headline. - The card. 36rem wide on a wide screen, the full width less the gutter on a phone; the double rule is two nested bordered groups 0.625rem apart. Technical notesBlock mechanics, responsive behaviour and constraints ### The Vow look Part of the Vow Pattern Set, a couple's whole wedding website in one design language: wisteria white ground #f7f5fb, a wisteria band #ebe6f3, card white #ffffff and a midnight slab #1f2240; midnight ink, dusk #555a78 for secondary copy, peony #a8365a labels on light grounds and pale peony #f2b8c9 on the slab, wisteria hairlines #d9d3e6. Headings and names are Didot at 400 (Bodoni MT, Hoefler Text, Baskerville, Times New Roman, serif), body, labels and buttons Gill Sans (Seravek, Trebuchet MS, sans-serif). Cards and buttons are square; the primary button is a filled midnight rectangle, the secondary an underlined peony link. Every text pair is measured on the ground it is painted on. Take the base for your theme's colours, or the look's Use my theme chip. ### Notes - Core blocks only: group, heading, paragraph, separator, buttons, button. No plugin, nothing to keep updated. - The root group sets headings and links to currentColor, so every heading, paragraph and link inherits the group's text colour in any theme. Questions ## CTA RSVP reply card: common questions Does CTA RSVP reply card need a plugin? No. It is built only from core WordPress blocks (button, buttons, group, heading, paragraph and separator), so it pastes into the block editor with nothing to install. Will CTA RSVP reply card match my theme? Choose by variation. Reply card takes your theme’s palette; Vow brings its own colours. How many variations does CTA RSVP reply card have? 2: Reply card and Vow. Each is its own markup; choose one in the toolbar above the preview before you copy. Is CTA RSVP reply card free? It is included with a subscription, with every Core Pattern and variation. 62 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. 14KB of core-block markup, 6 blocks (button, buttons, group, heading, paragraph, separator), 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. Not for you? We refund within 14 days. 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. Not for you? We refund within 14 days. 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. Not for you? Tell us within 14 days of a payment and we refund you. After that, cancelling stops the next renewal and access runs to the end of the year you have paid for. 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, group, heading, paragraph, separator Presets color 8, spacing 1, font-size 2 WordPress 7.0+ Continue exploring ## Next in Call to action Explore all 20 Call to action patterns (https://patternpaste.com/patterns/cta/) Shot in Twenty Twenty-Five Call to action No plugin needed ### Quiet CTA A closing ask that does not raise its voice: your paper ground, a very deep band of air, one short line held to a narrow measure at the left, a text action under it, and a single hairline running the full width of the band beneath both, with the fine print hung at its far right end. Call to action Preview pattern (https://patternpaste.com/pattern/cta-quiet.html) Shot in Twenty Twenty-Five Call to action No plugin needed ### CTA split A closing band with one hard seam: an inverted main ask meets a quieter route with an editable WordPress photograph. Call to action Preview pattern (https://patternpaste.com/pattern/cta-split.html) Shot in Twenty Twenty-Five Call to action No plugin needed ### CTA stamp A closing ask reduced to one small bordered box centred in a very deep band of empty paper. Call to action Preview pattern (https://patternpaste.com/pattern/cta-stamp.html)