Dùng mẫu người xây dựng để tạo mẫu thư điện tử động trong việc tự động hóa thị trường

Mỗi thành phần có thể khác nhau theo kiểu chiến dịch. Một email quảng cáo có thể bao gồm nhiều khối sản phẩm và đồng hồ đếm ngược; một email đặt mật khẩu sẽ bị mơ hồ và giao dịch. Mẫu người xây dựng xử lý tính chất thay đổi này một cách tao nhã.

Áp dụng mẫu người xây dựng vào mẫu thư điện tử

Bước 1: Định nghĩa giao diện người xây dựng

Giao diện tuyên bố phương pháp cho mỗi thành phần bạn có thể bao gồm. Đây là một giao diện theo mã định dạng & dạng mã định dạng:

interface EmailBuilder {
 setHeader(logo: string, company: string): this;
 addHeroBanner(imageUrl: string, alt: string): this;
 addTextBlock(heading: string, body: string): this;
 addProductGrid(products: Product[]): this;
 addCtaButton(text: string, url: string): this;
 setFooter(unsubscribe: string, address: string): this;
 addDynamicPlaceholder(key: string, defaultValue: string): this;
 build(): EmailTemplate;
}

Hãy lưu ý rằng mỗi phương pháp trả lại – phương pháp này hỗ trợ chuỗi chuỗi, làm cho mã khách hàng ngắn gọn.

Bước 2: Tạo ra những người xây nhà Bê - tên

Mỗi người xây dựng bê tông sẽ thực hiện giao diện và xây dựng một loại email cụ thể.

• Bộ xây dựng cảm xúc ) – Thêm lưới sản phẩm, đề nghị ít thời gian, đếm ngược.
• Transsaction Remation ) – sản xuất mẫu tối thiểu với chi tiết thứ tự, trạng thái cảnh báo, và không có sự phân tâm tiếp thị.
• Nhà cấu trúc mới ) — tạo bố trí đa phần cho nội dung.

Những người xây nhà nhà bê tông lưu trữ thành phần được lắp ráp trong một đối tượng sản phẩm nội bộ.

Bước 3: Tha cho người chỉ huy

Giám đốc biết trình tự xây dựng nhưng không biết cụ thể của mỗi phần, cần một người xây dựng và gọi những phương pháp thích hợp theo thứ tự:

class EmailDirector {
 constructPromotional(builder: EmailBuilder): EmailTemplate {
 return builder
 .setHeader('https://cdn.example.com/logo.png', 'MyBrand')
 .addHeroBanner('banner.jpg', 'Spring Sale')
 .addTextBlock('Hurry!', 'Offer expires in 24 hours.')
 .addProductGrid(fetchFeaturedProducts())
 .addCtaButton('Shop Now', 'https://shop.example.com')
 .setFooter('unsub link', '123 Main St')
 .addDynamicPlaceholder('first_name', 'valued customer')
 .build();
 }

 constructTransactional(builder: EmailBuilder): EmailTemplate {
 return builder
 .setHeader('logo.png', 'MyBrand')
 .addTextBlock('Order Confirmation', 'Your order #{{order_id}} has been placed.')
 .setFooter('unsub link', '123 Main St')
 .addDynamicPlaceholder('order_id', 'N/A')
 .build();
 }
}

Khi cần một kiểu email mới, người quản lý sẽ thêm phương pháp và có thể là một nhà xây dựng bê tông mới — không có thay đổi mã lệnh nào khác.

Bước 4: Xây dựng gương mẫu cuối cùng

Khách hàng chọn phương pháp xây dựng và đạo diễn mong muốn:

const builder = new PromotionalBuilder();
const director = new EmailDirector();
const template = director.constructPromotional(builder);
// template.render(userData) or template.toHtml()

Kết quả có thể là một cấu trúc dữ liệu đơn giản chứa một loạt các phần, hoặc nó có thể trực tiếp tạo ra HTML.

Tình huống thế giới thật: Email hộp thư bị bỏ

Hãy xem xét một trường hợp điện tử, một email xe đẩy bỏ hoang nên chứa:

• Tên khách hàng và tinh thần khẩn cấp.
• Một danh sách các sản phẩm còn lại rất năng động.
• Một mã giảm giá cá nhân để khuyến khích cải đạo.
• Một CTA rõ ràng để trở lại để kiểm tra.

Chúng tôi tạo một CartRecovery Xây dựng mà thực hiện .

constructAbandonedCart(builder: EmailBuilder, cart: Cart): EmailTemplate {
 return builder
 .setHeader('logo.png', 'ShopNow')
 .addTextBlock('Did you forget something?', `Hi ${cart.customerName}, your cart is waiting.`)
 .addProductGrid(cart.items)
 .addTextBlock('Complete your order within 24 hours and save 10%!',
 `Use code: ${generateDiscountCode()}`)
 .addCtaButton('Complete Purchase', checkoutUrl(cart.id))
 .setFooter('unsubscribe', '123 St')
 .addDynamicPlaceholder('discount_code', 'SAVE10')
 .build();
}

Vì người xây dựng chỉ nhận dữ liệu xe đẩy vào thời điểm xây dựng, nên logic mẫu vẫn sạch sẽ. và bởi vì người xây dựng bê tông điều khiển cách mà mỗi thành phần tạo ra, thay đổi kiểu hình ảnh (v. d., từ một bố trí dựa trên bảng thành một thiết kế dựa trên khối hiện đại) chỉ đòi hỏi những thay đổi trong người xây dựng - người điều khiển không bị ảnh hưởng.

Lợi ích cao cấp: Tách biệt mối quan tâm và thử thách

Tách biệt những mối quan tâm