{"id":552,"date":"2026-02-27T11:01:52","date_gmt":"2026-02-27T11:01:52","guid":{"rendered":"https:\/\/webodoctor.in\/?page_id=552"},"modified":"2026-03-13T07:23:33","modified_gmt":"2026-03-13T07:23:33","slug":"email-marketing","status":"publish","type":"page","link":"https:\/\/webodoctor.in\/?page_id=552","title":{"rendered":"Email Marketing"},"content":{"rendered":"\n<div class=\"wp-block-cover\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"589\" class=\"wp-block-cover__image-background wp-image-555\" alt=\"\" src=\"http:\/\/webodoctor.in\/wp-content\/uploads\/2026\/02\/imgi_4_email-marketing-1024x589.jpg\" data-object-fit=\"cover\" srcset=\"https:\/\/webodoctor.in\/wp-content\/uploads\/2026\/02\/imgi_4_email-marketing-1024x589.jpg 1024w, https:\/\/webodoctor.in\/wp-content\/uploads\/2026\/02\/imgi_4_email-marketing-300x173.jpg 300w, https:\/\/webodoctor.in\/wp-content\/uploads\/2026\/02\/imgi_4_email-marketing-768x442.jpg 768w, https:\/\/webodoctor.in\/wp-content\/uploads\/2026\/02\/imgi_4_email-marketing-1536x883.jpg 1536w, https:\/\/webodoctor.in\/wp-content\/uploads\/2026\/02\/imgi_4_email-marketing.jpg 1920w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><span aria-hidden=\"true\" class=\"wp-block-cover__background has-background-dim\"><\/span><div class=\"wp-block-cover__inner-container is-layout-flow wp-block-cover-is-layout-flow\">\n<p class=\"has-text-align-center has-large-font-size\"><\/p>\n\n\n\n<h1 class=\"wp-block-heading has-text-align-left\">Email Marketing <\/h1>\n\n\n\n<p class=\"has-text-align-left\">Increase traffic and create better customer engagement by our<br>social media marketing strategy.<\/p>\n<\/div><\/div>\n\n\n\n<h2 class=\"wp-block-heading has-text-align-left\">Result Oriented Email Marketing<\/h2>\n\n\n\n<!DOCTYPE html>\n<html lang=\"en\">\n\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n\n\n    <style>\n        .main-container {\n            display: flex;\n            max-width: 1200px;\n            margin: 0 auto;\n            gap: 50px;\n            padding-top: 60px;\n        }\n\n        \/* Left Content Side *\/\n        .content-side {\n            flex: 2;\n        }\n\n        .content-side p {\n            margin-bottom: 20px;\n            font-size: 15px;\n        }\n\n        .features-title {\n            font-weight: bold;\n            text-transform: uppercase;\n            margin: 30px 0 20px 0;\n            display: block;\n        }\n\n        .feature-list {\n            list-style: none;\n            padding: 0;\n        }\n\n        .feature-item {\n            display: flex;\n            align-items: center;\n            margin-bottom: 15px;\n            font-size: 16px;\n        }\n\n        .feature-item i {\n            width: 30px;\n            font-size: 20px;\n            color: #444;\n            margin-right: 15px;\n            text-align: center;\n        }\n\n        \/* Right Form Side *\/\n        .form-side {\n            flex: 1;\n            border-top: 4px solid #4a86bc;\n            padding: 20px;\n            padding-top: 50px;\n            background: #fff;\n            height: fit-content;\n        }\n\n        .form-side h2 {\n            font-size: 22px;\n            color: #333;\n            margin-bottom: 30px;\n        }\n\n        .input-group {\n            position: relative;\n            margin-bottom: 25px;\n            border-bottom: 1px solid #ddd;\n        }\n\n        .input-group i {\n            position: absolute;\n            left: 0;\n            bottom: 10px;\n            color: #888;\n        }\n\n        .input-group input,\n        .input-group textarea {\n            width: 100%;\n            border: none;\n            padding: 10px 10px 10px 30px;\n            outline: none;\n            font-size: 14px;\n            color: #333;\n        }\n\n        .quote-btn {\n            width: 100%;\n            background-color: #4e8cc6;\n            color: white;\n            border: none;\n            padding: 15px;\n            font-size: 16px;\n            font-weight: bold;\n            cursor: pointer;\n            text-transform: uppercase;\n            display: flex;\n            justify-content: center;\n            align-items: center;\n            gap: 10px;\n        }\n\n        .quote-btn:hover {\n            background-color: #3a71a5;\n        }\n\n\/* Mobile Responsive *\/\n@media (max-width:768px){\n\n    .main-container{\n        flex-direction: column;\n        gap: 30px;\n        padding: 20px;\n    }\n\n    \/* blue line after paragraph *\/\n    .content-side{\n        border-bottom: 3px solid #4a86bc;\n        padding-bottom: 20px;\n    }\n\n    .content-side p{\n        margin-bottom: 0;\n    }\n\n    \/* form full width *\/\n    .form-side{\n        width: 100%;\n        border-top: none;\n        padding: 20px 0;\n    }\n\n    \/* button full width *\/\n    .quote-btn{\n        width: 100%;\n    }\n\n}\n\n    <\/style>\n<\/head>\n\n<body>\n\n    <div class=\"main-container\">\n        <div class=\"content-side\">\n            <p>webOdoctor, the best email marketing services company in Bhopal offers cutting edge marketing and technology solutions to  brand and enterprises by enabling personalization and one to  one communication through our marketing and creative based solutions and services.<\/p>\n\n<p>Email created by us are 100% responsive and looks great on any mobile device. Whatever changes you make while designing email templates created on email builder they become automatically responsive.<\/p>\n\n <ul class=\"feature-list\">\n\n                <li class=\"feature-item\">\n                   <p> <i class=\"fa fa-pencil\"><\/i>\n                   Well written content attracts more audience. <\/p>\n                <\/li>\n\n                <li class=\"feature-item\">\n                <p>    <i class=\"fa fa-code-fork\"><\/i>\n                 Stunning social media designs. <\/p>\n                <\/li>\n\n                <li class=\"feature-item\">\n                   <p> <i class=\"fa fa-desktop\"><\/i>\n                    Landing page design and integration.<\/p>\n                <\/li>\n\n               \n            <\/ul>\n\n           \n\n\n\n           \n        <\/div>\n\n        <div class=\"form-side\">\n            <h2>Get a Free Quote<\/h2>\n\n            <div class=\"input-group\">\n                <i class=\"fa fa-user-o\"><\/i>\n                <input type=\"text\" placeholder=\"Name\">\n            <\/div>\n\n            <div class=\"input-group\">\n                <i class=\"fa fa-envelope-o\"><\/i>\n                <input type=\"email\" placeholder=\"Email\">\n            <\/div>\n\n            <div class=\"input-group\">\n                <i class=\"fa fa-phone\"><\/i>\n                <input type=\"text\" placeholder=\"Phone\">\n            <\/div>\n\n            <div class=\"input-group\">\n                <i class=\"fa fa-desktop\"><\/i>\n                <input type=\"text\" placeholder=\"Website\">\n            <\/div>\n\n            <div class=\"input-group\">\n                <i class=\"fa fa-comment-o\"><\/i>\n                <textarea placeholder=\"Message\" rows=\"1\"><\/textarea>\n            <\/div>\n\n            <button class=\"quote-btn\">\n                Get a Quote <i class=\"fa fa-chevron-right\"><\/i>\n            <\/button>\n        <\/div>\n    <\/div>\n\n<\/body>\n\n<\/html>\n\n\n\n<h2 class=\"wp-block-heading has-text-align-center\">EMAIL MARKETING PROCESS<\/h2>\n\n\n\n<style>\n    .erp-section {\n        max-width: 1100px;\n        margin: 0 auto;\n        text-align: center;\n    }\n\n    .heading {\n        color: #4a86bc;\n        font-size: 32px;\n        text-transform: uppercase;\n        margin-bottom: 40px;\n        border-bottom: 1px solid #eee;\n        padding-bottom: 20px;\n    }\n\n    .process-flow {\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        margin-bottom: 60px;\n        flex-wrap: wrap;\n    }\n\n    .step {\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        width: 120px;\n        cursor: pointer;\n        transition: 0.3s;\n    }\n\n    .step.active .icon-circle {\n        background-color: #fff;\n        color: #4a86bc;\n        border: 2px solid #4a86bc;\n    }\n\n    .step.active .step-label {\n        color: #4a86bc;\n    }\n\n    .icon-circle {\n        width: 70px;\n        height: 70px;\n        border: 2px solid #9d9d9d;\n        border-radius: 50%;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        background-color: #f5f6f7;\n        color: #444;\n        font-size: 28px;\n        margin-bottom: 12px;\n        transition: 0.3s;\n    }\n\n    .step-label {\n        color: #444;\n        font-size: 14px;\n        font-weight: 600;\n    }\n\n    .line {\n        height: 2px;\n        background-color: #9d9d9d;\n        width: 60px;\n        margin-top: -30px;\n    }\n\n    .content-box {\n        display: none;\n        background-color: #fff;\n        border: 1px solid #eee;\n        text-align: left;\n        animation: fadeIn 0.4s ease-in-out;\n    }\n\n    .content-box.active {\n        display: flex;\n    }\n\n    @keyframes fadeIn {\n        from {\n            opacity: 0;\n            transform: translateY(10px);\n        }\n\n        to {\n            opacity: 1;\n            transform: translateY(0);\n        }\n    }\n\n    .text-side {\n        padding: 40px;\n        flex: 1;\n    }\n\n    .text-side h2 {\n        margin-top: 0;\n        color: #444;\n        font-size: 24px;\n    }\n\n    .text-side p {\n        color: #666;\n        line-height: 1.7;\n        font-size: 16px;\n    }\n\n    .image-side {\n        width: 45%;\n    }\n\n    .image-side img {\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n        display: block;\n    }\n\n    @media(max-width:768px) {\n        .content-box {\n            flex-direction: column;\n        }\n\n        .image-side {\n            width: 100%;\n        }\n    }\n\n@media (max-width:768px){\n\n    .process-flow{\n        flex-wrap: nowrap;\n        justify-content: space-between;\n    }\n\n    .step{\n        width: auto;\n        flex: 1;\n    }\n\n    .icon-circle{\n        width: 40px;\n        height: 40px;\n        font-size: 16px;\n        margin-bottom: 6px;\n    }\n.erp-section .icon-circle i{\n        font-size: 28px;\n        color: #555;\n    }\n\n    .step-label{\n        font-size: 9px;\n        line-height: 1.2;\n        text-align: center;\n    }\n\n    .line{\n        flex: 1;\n        height: 2px;\n        margin-top: -20px;\n    }\n\n}\n\n\n<\/style>\n<div class=\"erp-section\">\n\n    <div class=\"process-flow\">\n\n        <div class=\"step active\" data-target=\"goal\">\n            <div class=\"icon-circle\"><i class=\"fa fa-bullseye\"><\/i><\/div>\n            <div class=\"step-label\">Establish your goals<\/div>\n        <\/div>\n        <div class=\"line\"><\/div>\n\n        <div class=\"step\" data-target=\"target\">\n            <div class=\"icon-circle\"><i class=\"fa fa-sitemap\"><\/i><\/div>\n            <div class=\"step-label\">Build your email list<\/div>\n        <\/div>\n        <div class=\"line\"><\/div>\n\n        <div class=\"step\" data-target=\"media\">\n            <div class=\"icon-circle\"><i class=\"fa fa-tag\"><\/i><\/div>\n            <div class=\"step-label\">Type of campaigns<\/div>\n        <\/div>\n        <div class=\"line\"><\/div>\n\n        <div class=\"step\" data-target=\"campaign\">\n            <div class=\"icon-circle\"><i class=\"fa fa-code-fork\"><\/i><\/div>\n            <div class=\"step-label\">Create your first campaign<\/div>\n        <\/div>\n        <div class=\"line\"><\/div>\n\n        <div class=\"step\" data-target=\"track\">\n            <div class=\"icon-circle\"><i class=\"fa fa-line-chart\"><\/i><\/div>\n            <div class=\"step-label\">Measure your results<\/div>\n\n        <\/div>\n\n    <\/div>\n\n    <!-- Content Boxes -->\n\n    <div class=\"content-box active\" id=\"goal\">\n        <div class=\"text-side\">\n            <h2>Establish your goals<\/h2>\n            <p>It can be tempting to simply sign up for an email marketing tool like Campaign Monitor and start sending your first campaign. <\/p>\n        <\/div>\n        <div class=\"image-side\">\n            <img decoding=\"async\" src=\"http:\/\/webodoctor.in\/wp-content\/uploads\/2026\/02\/imgi_5_ideation-3267505_1280-360x292-1.jpg\" alt=\"\">\n        <\/div>\n    <\/div>\n\n    <div class=\"content-box\" id=\"target\">\n        <div class=\"text-side\">\n            <h2>Build your email list<\/h2>\n            <p>If you plan to use email to keep in touch with existing customers, then your email list can be built largely by importing your existing customers details into your chosen email marketing tool.<\/p>\n        <\/div>\n        <div class=\"image-side\">\n            <img decoding=\"async\" src=\"http:\/\/webodoctor.in\/wp-content\/uploads\/2026\/02\/imgi_7_web-designer-1-360x292-1.jpg\" alt=\"\">\n        <\/div>\n    <\/div>\n\n    <div class=\"content-box\" id=\"media\">\n        <div class=\"text-side\">\n            <h2>Type of campaigns<\/h2>\n            <p>There are a number of different types of email campaigns marketers like you can send to subscribers, and the type you choose really depends on the goals you established at first.<\/p>\n        <\/div>\n        <div class=\"image-side\">\n            <img decoding=\"async\" src=\"http:\/\/webodoctor.in\/wp-content\/uploads\/2026\/02\/imgi_4_banner-115Aug-360x292-1.jpg\"\n\n\n                alt=\"\">\n        <\/div>\n    <\/div>\n\n    <div class=\"content-box\" id=\"campaign\">\n        <div class=\"text-side\">\n            <h2>Create your first campaign<\/h2>\n            <p>Now that you\u2019ve decided on your goals, built a bit of an audience and selected the type of campaign you\u2019re going to send, it\u2019s time to start building your email making it incredibly easy to create beautiful email marketing campaigns, but there are some fundamentals that you should know to make sure you get the best results from each campaign.<\/p>\n        <\/div>\n        <div class=\"image-side\">\n            <img decoding=\"async\" src=\"http:\/\/webodoctor.in\/wp-content\/uploads\/2026\/02\/imgi_8_build-a-partnership-1-360x292-1.jpg\"\n                alt=\"\">\n        <\/div>\n    <\/div>\n\n    <div class=\"content-box\" id=\"track\">\n        <div class=\"text-side\">\n            <h2>Measure your results<\/h2>\n            <p>There are two places through which you can track the success of your email marketing campaigns: Your email marketing tool (such as Campaign Monitor) and your website analytics tool (such as Google Analytics).<\/p>\n        <\/div>\n        <div class=\"image-side\">\n            <img decoding=\"async\" src=\"http:\/\/webodoctor.in\/wp-content\/uploads\/2026\/02\/imgi_9_results-1-360x292-2.jpg\"\n                alt=\"\">\n        <\/div>\n    <\/div>\n\n<\/div>\n\n<script>\n    document.addEventListener(\"DOMContentLoaded\", function () {\n\n        const steps = document.querySelectorAll('.step');\n        const contentBoxes = document.querySelectorAll('.content-box');\n\n        steps.forEach(step => {\n            step.addEventListener('click', function () {\n\n                const target = this.getAttribute('data-target');\n\n                steps.forEach(s => s.classList.remove('active'));\n                contentBoxes.forEach(box => box.classList.remove('active'));\n\n                this.classList.add('active');\n                document.getElementById(target).classList.add('active');\n            });\n        });\n\n    });\n<\/script>\n\n\n\n<h2 class=\"wp-block-heading has-text-align-center\">TYPES OF FIELDS INCLUDED IN EMAIL BUILDER<\/h2>\n\n\n\n<section class=\"dw-builder-section\">\n    <div class=\"dw-builder-container\">\n        \n        <div class=\"dw-builder-item\">\n            <div class=\"dw-builder-circle\">\n                <i class=\"fa fa-align-left\"><\/i>\n            <\/div>\n            <span>Heading<\/span>\n        <\/div>\n\n        <div class=\"dw-builder-item\">\n            <div class=\"dw-builder-circle\">\n                <i class=\"fa fa-font\"><\/i>\n            <\/div>\n            <span>Text<\/span>\n        <\/div>\n\n        <div class=\"dw-builder-item\">\n            <div class=\"dw-builder-circle\">\n                <i class=\"fa fa-file-image-o\"><\/i>\n            <\/div>\n            <span>Images<\/span>\n        <\/div>\n\n        <div class=\"dw-builder-item\">\n            <div class=\"dw-builder-circle\">\n                <i class=\"fa fa-circle-thin\" style=\"font-weight: bold;\"><\/i>\n            <\/div>\n            <span>Button<\/span>\n        <\/div>\n\n        <div class=\"dw-builder-item\">\n            <div class=\"dw-builder-circle\">\n                <i class=\"fa fa-newspaper-o\"><\/i>\n            <\/div>\n            <span>Text Image<\/span>\n        <\/div>\n\n        <div class=\"dw-builder-item\">\n            <div class=\"dw-builder-circle\">\n                <i class=\"fa fa-paint-brush\"><\/i>\n            <\/div>\n            <span>Divider and<br>Choose Colors<\/span>\n        <\/div>\n\n    <\/div>\n<\/section>\n\n<style>\n\/* Unique prefix dw-builder- to prevent conflicts *\/\n.dw-builder-section {\n    padding: 50px 0;\n    background-color: #fff;\n    font-family: Arial, sans-serif;\n}\n\n.dw-builder-container {\n    display: flex;\n    justify-content: center;\n    flex-wrap: wrap;\n    gap: 30px;\n    max-width: 1200px;\n    margin: 0 auto;\n}\n\n.dw-builder-item {\n    text-align: center;\n    width: 140px;\n}\n\n.dw-builder-circle {\n    width: 120px;\n    height: 120px;\n    background-color: #f5f5f5; \/* Light grey circle background *\/\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    margin: 0 auto 15px;\n    transition: all 0.3s ease;\n}\n\n.dw-builder-circle i {\n    font-size: 40px;\n    color: #444;\n}\n\n.dw-builder-item span {\n    font-size: 14px;\n    color: #555;\n    font-weight: 500;\n    line-height: 1.3;\n    display: block;\n}\n\n\/* Hover Effect *\/\n.dw-builder-item:hover .dw-builder-circle {\n    background-color: #e0e0e0;\n    transform: translateY(-5px);\n}\n\n\/* Mobile View *\/\n@media (max-width: 600px) {\n    .dw-builder-container {\n        gap: 15px;\n    }\n    .dw-builder-circle {\n        width: 90px;\n        height: 90px;\n    }\n    .dw-builder-circle i {\n        font-size: 30px;\n    }\n}\n<\/style>\n","protected":false},"excerpt":{"rendered":"<p>Result Oriented Email Marketing webOdoctor, the best email marketing services company in Bhopal offers cutting edge marketing and technology solutions to brand and enterprises by enabling personalization and one to one communication through our marketing and creative based solutions and services. Email created by us are 100% responsive and looks great on any mobile device. [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-552","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/webodoctor.in\/index.php?rest_route=\/wp\/v2\/pages\/552","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webodoctor.in\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/webodoctor.in\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/webodoctor.in\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/webodoctor.in\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=552"}],"version-history":[{"count":0,"href":"https:\/\/webodoctor.in\/index.php?rest_route=\/wp\/v2\/pages\/552\/revisions"}],"wp:attachment":[{"href":"https:\/\/webodoctor.in\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=552"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}