Venue Block Builder

WOW Offer Card Generator

Offer Details Form Use the smart input box above the form to auto-fill

Paste your notes — “Label: value” format Then click Parse

Supported labels: Venue name, Venue URL, Image URL, Offer type, Vibe tag, Price text, Price number, Currency, Area, Maps, Location, Street, Timing, Format, Cuisine, Phone, WhatsApp, Booking URL, Summary, Highlights, Inclusions, Terms, Validity text, Valid from, Valid through, Best for, Amenities.

Paste previously generated card HTML Parses HTML + JSON-LD schema

Extracts: venue name, URLs, image, badges, price, area, map link, timing, format, cuisine, phone, WhatsApp, booking URL, summary, highlights, inclusions, location, validity, terms, tags — then fills all form fields automatically and regenerates the preview.

Venue

Venue name

Venue post URL (your main article)

Image URL

Offer Identity

Offer type (badge)

Vibe tag (badge alt)

Price text (shown)

Price number (schema)

Numbers only. Leave blank to omit from schema.

Currency (schema)

Location

Area label (shown)

Google Maps link (opens in new tab)

Location (hotel/building + area)

Address street line (schema)

City / Region (schema + SEO)

Used in schema and the auto-generated SEO sentence.

Details

Timing (shown)

Format (shown)

Cuisine (comma-separated)

Phone (for button + schema)

WhatsApp number (digits, optional)

If empty, WhatsApp button will be omitted.

Booking URL (optional)

Replaces WhatsApp button if filled.

Content

Summary 0 / 220

Hard capped at 220 characters to keep the card aligned.

Highlights

Inclusions

Terms

Validity

Validity (shown text)

validFrom (schema date)

validThrough (schema date)

Tags

Best-for tags (comma-separated)

Amenities tags (comma-separated)

Merged with best-for, max 6 total.

Generated HTML

📖 How to use this app −

STEP 1 — Get your data from AI

Click 🤖 Copy AI Prompt in the header. Paste it into Claude or ChatGPT along with your article URL or text. The AI will output a clean Label: Value block ready to use.

STEP 2 — Parse into the form

In the form on the left, go to the 📋 Bulk paste tab. Paste the AI output and click Parse bulk text. All fields fill automatically. Review and edit anything that needs fixing.

Alternatively, use the 🔄 Reverse engineer tab to paste a previously generated card HTML block — it will extract all fields back into the form so you can edit and regenerate.

STEP 3 — Select the right property

Use the Property dropdown in the header to switch between WOW RAK, WOW Emirates, and WOW Abu Dhabi. This updates the city in the schema and SEO sentence automatically.

STEP 4 — Generate & preview

Click Generate HTML. The card HTML appears in the box below and a full-width live preview loads at the bottom of the page. Use the 🖥 Desktop / 📱 Mobile toggle to check both layouts.

STEP 5 — Paste into WordPress

Click Copy HTML and paste the output into a Custom HTML block in WordPress. The card CSS only needs to be pasted once at the top of each roundup page — click 📋 Copy CSS in the header to get it.

📝 Summary field

Max 220 characters. Write 2–3 punchy sentences: vibe, inclusions, who it's for. The counter turns red if you're over.

🏷 Tags

Best for tags show as dark chips. Amenities tags show as red-outlined chips. Max 4 each.

📞 WhatsApp

Digits only — no + sign. E.g. 971566619886. If Booking URL is filled, it replaces the WhatsApp button.

🔄 Editing existing cards

Paste old card HTML into the Reverse engineer tab → edit fields → regenerate. No need to start from scratch.

Paste into WordPress

Click "Generate HTML" to produce the card code.

CSS goes once at the top of the roundup page. Each venue card is a separate HTML block below it.