ALL🎟️ TICKETS🎪 EVENTS🏢 ORGANIZERS🏛️ VENUES🎤 ARTISTS👤 CUSTOMERS⚡ SYSTEM
Click element to add to ticket:
🏷️
Headline / Title
Event title or large section header
🔤
Text Block
Paragraph, caption or description
💳
Badge / Status Pill
VIP, Gate, Category or Floor tag
🖼️
Banner Image
Photo, artist poster or sponsor logo
📊
2-Column Info Row
Date & Time, Row & Seat box
🏁
3-Column Info Row
Section, Row and Seat trio
✂️
Ticket Perforation Line
Dashed tear line with cut notches
📱
QR / Barcode Block
Entry scanner barcode box with code
🔘
Action Button
Directions, Wallet or Download
ℹ️
Security Notice Box
Terms, dress code or rules reminder
Choose Live Preview Sample:
🎸۵ بلیت کنسرتی عمودی (5-in-a-Row)
چیدمان ۵ بلیت عمودی شیک در کنار هم با پرفراژ، QR کد و جایگاهها
Andy Live Concert
VIP Platinum, Seat 12, $150
Electronic Festival
General Admission, Standing, $85
Grand Opera Night
Royal Lodge, Box 2, $220
Ticket Container
No Element Selected
🖼️ Image / Media Settings
Event Image
Direct connection to Webflow CMS
Connect to Webflow Field:
Custom Image URL:
Quick Sample Photos:
Fit Mode:
Height (px):
Text / Content(Double click on canvas to edit inline)
Element Sizing(auto, 100%, or px)
Width:
Height:
Typography
Font Size:
Weight:
Align:
Color:
🌈 Background & GradientsSOLID
BG Color:
Opacity:100%
Direction / Angle:
Color 1 (Start Stop):
Opacity:100%
Color 2 (End Stop):
Opacity:100%
CSS Gradient Code (Paste/Edit):
Luxury & Transparent Presets:
Borders & Shadows
Border:
Shadow:
Blur:
Radius:
Opacity:
Spacing (Margin & Padding)
Margin Y:
Padding:
Template Name
Primary Accent Color
Body Width(Free px or 100%)
Body Min-Height(auto or px)
Body Background Style
Body Border Radius (px)
Body Border & Shadow
Border:
Shadow:
Body Internal Padding (px)
⚡ HTML / CSS EMBED TEMPLATE CODE
📥ورود دیزاین از وبفلو، کد HTML یا فایل سیستم
✨ روش ورود کانتینرها از وبفلو:
در Webflow Designer المان یا کانتینر مورد نظر را انتخاب کرده و Ctrl + C بزنید. سپس دکمه بنفش زیر را فشار دهید یا در کادر پیست نمایید تا مستقیماً به استدیو وارد شود.
🌐 قرار دادن کد دستی HTML:
کد HTML دلخواه، کانتینرها یا استایلهای خود را وارد کنید. فیلدهای پویا مانند {{EVENT_NAME}} یا {{PASSENGER_NAME}} به طور خودکار شناسایی میشوند.
📂
فایل HTML یا JSON تیکت را اینجا رها کنید (Drag & Drop)
میتوانید هر فایل قالبی که قبلاً از استدیو دانلود کردهاید یا فایل طراحی HTML خود را مستقیماً باز کنید.
📦WEBFLOW CONTAINER EXPORT (READY TO PASTE)
100% DESIGNER VISUAL
💡 خروجی کامل کانتینر برای وبفلو:
کد زیر همراه با کانتینر فلکس، تمامی استایلهای CSS، بردرها و سایههاست و روی بوم دیزاین وبفلو بدون باکس خاکستری رندر میشود.
0 characters
حالت بصری: حاوی تصاویر، رنگها و اطلاعات واقعی انتخابی برای رندر ۱۰۰٪ زنده و بدون نقص در Webflow Designer.
عرض کانتینر بیرونی:
🚀 نحوه پیست مستقیم در وبفلو (بدون امبد):
۱. روی دکمه سبز رنگ «کپی کانتینرهای وبفلو» در زیر کلیک کنید.
۲. وارد پنجره دیزاینر وبفلو (Webflow Designer) شده و روی بوم دیزاین یا هر Section، کلید Ctrl + V (در مک Cmd+V) را بزنید.
۳. تمامی دیوها (Div Blocks)، کانتینرها، تصاویر و متون به صورت المانهای واقعی وبفلو ایجاد میشوند و میتوانید با کلیک روی آنها، مستقیم از آیکون بنفش به فیلدهای CMS وصلشان کنید!