<div class="agent-signup-section"> <h2>Sign Up on Our Platform and Empower Your Business</h2> <h3>Empowering Agents with Authentic Moroccan Craftsmanship</h3> <p>At Canziz.com, we recognize the pivotal role agents play in connecting global markets with authentic Moroccan artisanship. Our platform offers agents a seamless and professional avenue to source and distribute high-quality, handcrafted Moroccan products.</p> <h3>Why Partner with CanZiz?</h3> <ul> <li><strong>Direct Access to Artisans:</strong> Engage directly with skilled Moroccan artisans, eliminating intermediaries and ensuring authenticity.</li> <li><strong>Diverse Product Range:</strong> From intricate zellij tiles to luxurious leather goods, our catalog caters to various market demands.</li> <li><strong>Customizable Solutions:</strong> Tailor orders to meet specific client needs, including bespoke designs and personalized motifs.</li> <li><strong>Competitive Pricing:</strong> Benefit from wholesale rates and flexible pricing structures designed to maximize your margins.</li> </ul> <h3>Agent Benefits</h3> <ul> <li><strong>Exclusive Discounts:</strong> Enjoy special pricing on bulk orders and repeat purchases.</li> <li><strong>Dedicated Support:</strong> Our team provides comprehensive assistance, from product selection to logistics coordination.</li> <li><strong>Marketing Resources:</strong> Access high-quality images, product descriptions, and promotional materials to aid in your sales efforts.</li> <li><strong>Flexible Payment Terms:</strong> Benefit from adaptable payment options to suit your business model.</li> </ul> <h3>How It Works</h3> <ol> <li><strong>Register:</strong> Sign up on our platform to gain access to the agent portal.</li> <li><strong>Browse:</strong> Explore our extensive catalog of handcrafted Moroccan products.</li> <li><strong>Quote:</strong> Use our "Add to Quote" feature to request pricing and availability.</li> <li><strong>Negotiate:</strong> Engage in direct communication with artisans to discuss terms and customization options.</li> <li><strong>Order:</strong> Finalize your order with our secure payment system.</li> <li><strong>Deliver:</strong> We handle packaging and shipping to ensure timely and safe delivery.</li> </ol> <h3>Partner with Us</h3> <p>Join a network of global agents representing authentic Moroccan craftsmanship. Whether you're serving interior designers, architects, retailers, or hospitality projects, CanZiz provides the tools and support to elevate your offerings.</p> <p><strong>Contact Us:</strong> For more information or to start your partnership, reach out to our agent support team at <a href="mailto:agents@canziz.com">agents@canziz.com</a></p> <p class="highlight-msg"> Attention e-commerce sellers! We invite you to explore a rewarding partnership with us that comes with exclusive advantages. Whether you're a small business owner or an established online retailer, our collaboration offers valuable benefits tailored to boost your success. To discover the full range of opportunities and understand how this partnership can enhance your business growth effectively, we encourage you to complete our simple form today. </p> </div> <style> .agent-signup-section { max-width: 900px; margin: 0 auto; padding: 40px 20px; background: #ffffff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.08); font-family: "Helvetica Neue", Arial, sans-serif; color: #333; line-height: 1.6; } .agent-signup-section h2 { font-size: 32px; font-weight: 700; color: #1a1a1a; margin-bottom: 20px; text-align: center; } .agent-signup-section h3 { font-size: 22px; font-weight: 600; color: #444; margin-top: 30px; margin-bottom: 12px; } .agent-signup-section p { font-size: 16px; margin-bottom: 15px; } .agent-signup-section ul, .agent-signup-section ol { margin: 15px 0 20px 20px; padding-left: 20px; } .agent-signup-section ul li, .agent-signup-section ol li { margin-bottom: 10px; font-size: 15px; } .agent-signup-section strong { color: #111; } .agent-signup-section .highlight-msg { background: #f9f4e6; border-left: 4px solid #f0a500; padding: 15px 20px; margin-top: 25px; font-size: 15px; font-style: italic; border-radius: 8px; color: #444; } .agent-signup-section a { color: #f07c00; text-decoration: none; font-weight: 500; } .agent-signup-section a:hover { text-decoration: underline; } </style>

<style> * { margin: 0; padding: 0; box-sizing: border-box; font-family: 'Segoe UI', system-ui, -apple-system, sans-serif; } .page-wrapper-form-element { min-height: 100vh; display: flex; align-items: center; justify-content: center; padding: 2rem; } .form-container { background: white; padding: 3rem; border-radius: 16px; width: 100%; max-width: 600px; box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05), 0 5px 10px rgba(0, 0, 0, 0.02); position: relative; overflow: hidden; } .form-container::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 5px; background: linear-gradient(90deg, #e2a762, #e2a762); } .form-title { color: #1a1a1a; margin-bottom: 2.5rem; font-size: 2rem; font-weight: 600; text-align: center; position: relative; } .form-title::after { content: ''; position: absolute; bottom: -10px; left: 50%; transform: translateX(-50%); width: 50px; height: 3px; background: #e2a762; border-radius: 2px; } .input-group { margin-bottom: 1.8rem; position: relative; } .input-label { display: block; margin-bottom: 0.6rem; color: #4a5568; font-size: 0.95rem; font-weight: 500; transition: color 0.3s ease; } .input-field { width: 100%; padding: 0.9rem; border: 2px solid #e2e8f0; border-radius: 8px; font-size: 1rem; transition: all 0.3s ease; background: #f8fafc; } .input-field:focus { outline: none; border-color: #e2a762; background: white; box-shadow: 0 0 0 4px rgba(79, 70, 229, 0.1); } .input-field:hover { border-color: #cbd5e1; } .text-area { min-height: 120px; resize: vertical; } .submit-button { background: #222222; color: white; padding: 1rem 2rem; border: none; border-radius: 8px; font-size: 1rem; font-weight: 600; cursor: pointer; width: 100%; transition: all 0.3s ease; position: relative; overflow: hidden; } .submit-button:hover { background: #e2a762; transform: translateY(-1px); box-shadow: 0 4px 12px rgba(79, 70, 229, 0.2); } .submit-button:active { transform: translateY(0); } .input-group:focus-within .input-label { color: #e2a762; } @media (max-width: 768px) { .form-container { padding: 2rem; margin: 1rem; } .form-title { font-size: 1.75rem; } } @media (max-width: 480px) { .page-wrapper-form-element { padding: 1rem; } .form-container { padding: 1.5rem; } .form-title { font-size: 1.5rem; } .submit-button { padding: 0.875rem 1.5rem; } } /* Add some visual flair */ .form-container { animation: fadeIn 0.5s ease-out; } @keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } } </style> <div class="page-wrapper-form-element"> <div class="form-container"> <h2 class="form-title">Contact Us</h2> <form action="/submit_form" method="POST"> <div class="input-group"> <label class="input-label" for="name">Name</label> <input class="input-field" type="text" id="name" name="name" required> </div> <div class="input-group"> <label class="input-label" for="company">Company</label> <input class="input-field" type="text" id="company" name="company" required> </div> <div class="input-group"> <label class="input-label" for="country">Country</label> <input class="input-field" type="text" id="country" name="country" required> </div> <div class="input-group"> <label class="input-label" for="city">City</label> <input class="input-field" type="text" id="city" name="city" required> </div> <div class="input-group"> <label class="input-label" for="business_id">Business ID</label> <input class="input-field" type="text" id="business_id" name="business_id" required> </div> <div class="input-group"> <label class="input-label" for="email">Email</label> <input class="input-field" type="email" id="email" name="email" required> </div> <div class="input-group"> <label class="input-label" for="phone">Phone</label> <input class="input-field" type="tel" id="phone" name="phone" required> </div> <div class="input-group"> <label class="input-label" for="message">Message</label> <textarea class="input-field text-area" id="message" name="message" required></textarea> </div> <button class="submit-button" type="submit">Submit</button> </form> </div> </div>

<style> .cms-for-agents form#form-validate { margin: 30px 20px; background: #fff; padding: 20px; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; } </style>

Create your Pro ACCOUNT with us

First Name

Last Name

Sign Up for Newsletter

Sign-in Information

Email

Password

Password Strength: No Password

Confirm Password

Create an Account

Back