Skip to main content
Help Center
The GoDaddy Community will undergo maintenance starting on Wednesday, July 28th at 3pm PST / 6pm EST. Learn more
  • GoDaddy Community
  • GoDaddy Website Builders
  • GoDaddy Website Builders

    cancel
    Showing results for 
    Show  only  | Search instead for 
    Did you mean: 
    Go to solution

    Embedded Form Incorrectly Redirecting

    Hi everyone,

     

    I am trying to set-up a subscription-based form for my website using Mailchimp, stripe, and campaignzee. I have it set up so that subscribing through this form (created through campaignzee) will conduct the purchase through stripe, and automatically save the new contact to my Mailchimp audience keeping track of subscribers. 

     

    It was easy enough to create the form, but when I embed it in my GoDaddy website, it does not work as it should. Upon filling the form on my website and clicking subscribe you are redirected to my GoDaddy host website.

     

    I assume there is something wrong with my embed code? I have pasted it below. I would really appreciate any help. Admittedly, this is my first time making a website and working with code!

     

    <!-- Begin Campaignzee Embed Form -->
    <head>
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <style>

    body,html{
    height: 100%;
    width: 100%;
    }

    #cz_embed_signup{
    max-width: 1000px;
    margin: auto;
    }

    .cz-field-group{
    width: 500px;
    display: block;
    margin-bottom: 8px;
    overflow: auto;
    position: relative;
    padding-left: 8px;
    padding-right: 8px;
    }

    .cz-field-group label, .cz-field-group input.form-control{
    display: inline-block;
    font-size: 14px;
    }

    .cz-field-group .clear{
    clear: both;
    }

    .cz-field-group input.form-control{
    float: right;
    width: 100%;
    }

    #card-element{
    width: 100%;
    margin-bottom: 32px;
    }

    @Mediascreen and (max-width: 480px){
    .cz-field-group{
    width:300px;
    }
    }

    </style>
    </head>
    <div id="cz_embed_signup">
    <form action="https://manage.campaignzee.com/embed/Pa8xyPJGr3" method="POST" id="cz_embed_form">
    <div class="cz-field-group">
    <input name="embed" value="true" type="hidden">
    <label for="EMAIL">Email *</label>
    <div class="clear"></div>
    <input type="email" class="required email form-control" id="EMAIL" name="EMAIL" required />
    </div>
    <div class="cz-field-group">
    <label for="FNAME">First Name </label>
    <input type="text" class="form-control " id="FNAME" name="merge_fields[FNAME]" />
    </div>
    <div class="cz-field-group">
    <label for="LNAME">Last Name </label>
    <input type="text" class="form-control " id="LNAME" name="merge_fields[LNAME]" />
    </div>
    <div class="cz-field-group">
    <label for="BIRTHDAY">Birthday </label>
    <input type="number" class="form-control" id="BIRTHDAY-month" name="merge_fields[BIRTHDAY][month]" placeholder="MM" style="width: 64px; display: inline;" min="1" max="12" step="1"/>
    <input type="number" class="form-control" id="BIRTHDAY-day" name="merge_fields[BIRTHDAY][day]" placeholder="DD" style="width: 64px; display: inline;" min="1" max="31" step="1"/>
    </div>
    <div class="cz-field-group">
    <h3>Choose your plan</h3>
    <!-- <button id="open_coupon_btn" class="btn btn-link" style="font-size:11px; float:right; padding-top:10px; padding-right:2px;">Have a coupon?</button>
    <div class="form-group" id="coupon-group" style="display:none; margin-left:0; padding-top:10px;">
    <label id="coupon_code_lbl" class="col-lg-3 control-label" style="text-align:left; padding-left:17px;">Coupon Code</label>
    <div class="col-lg-9" style="padding-left:0; padding-right:0; display:inline-block; width:56%;">
    <input id="coupon_code" type="text" class="form-control" autocomplete="off">
    <input id="coupon_input" type="hidden">
    <span class="label label-danger stripe-error" id="coupon-error" style="display:none;">This coupon code is not valid.</span>
    </div>
    <div style="display:inline-block; float:right; padding-right:15px;">
    <button id="apply_coupon" class="btn btn-primary btn-sm btn-block" style="width:70px; height:29px; margin-top:5px;">Apply</button>
    </div>
    </div> -->
    <div id="plan-group">
    <div class="radio">
    <label><input type="radio" class="planRadios" id="4306" name="plan" value="4306" checked > R.I.G. Equity and Market Commentary - &#36;10 CAD
    every
    month
    </label>
    </div>
    <div class="radio">
    <label><input type="radio" class="planRadios" id="4307" name="plan" value="4307" > R.I.G. Equity and Market Commentary - &#36;100 CAD
    every
    year
    </label>
    </div>
    </div>
    </div>
    <div class="cz-field-group" id="card-group">
    <h3>Enter your card details</h3>
    <div class="campaignzee-form-group" id="card-info-group">
    <div class="col-lg-9">
    <div id="card-element">

    </div>
    <div id="card-errors" role="alert"></div>
    </div>
    </div>
    <input type="submit" class="submit" value="Subscribe to RIG Resource Investment Group">
    </div>
    </form>
    <aside class="cz-field-group">All payments are processed securely by Stripe</aside>
    </div>
    <script src="https://code.jquery.com/jquery-3.1.1.slim.min.js" integrity="sha256-/SIrNqv8h6QGKDuNoLGA4iret+kyesCkHGzVUUV0shc=" crossorigin="anonymous"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.17.0/jquery.validate.min.js"></script>
    <script type="text/javascript" src="https://js.stripe.com/v3/"></script>
    <script type="text/javascript">
    var stripePubKey = "pk_live_51HcinEEvssSu3G6O8goec0SJgEH9g5TWs2W8xxKouY8JFUpSKMu4iHXEhryVN5Gicc1RiZFuwH1fzLk8pQJ96O0D00n9Bc16MJ";
    </script>
    <script type="text/javascript" src="https://manage.campaignzee.com/js/manage/embed-billing.js"></script>
    <!-- End Campaignzee Embed Form -->

    1 ACCEPTED SOLUTION
    PL281
    Super User IV

    @RIG_CFrost 

     

    I assume you are using the Websites + Marketing system. One thing that is an error based on what you shared is what is between the <head></head> sections  you should only have the <style></style> - that "should" solve your issue

    I am a GoDaddy End User - Just Like You
    Check out my site! | I currently manage over 300 WordPress Websites
    * Please note that I offer free advice on this forum. Thank You Info If you would like personalized help, please contact me. Otherwise, please ask your question in the proper forum so the answer can assist EVERYONE in the community and not just you. Thanks! *

    Once your issue is resolved,
    please be sure to come back and click accept for the solution

    Get Better Support on the Community Boards!
    Etiquette When Asking for Help from the Community

    View solution in original post

    3 REPLIES 3
    PL281
    Super User IV

    @RIG_CFrost 

     

    I assume you are using the Websites + Marketing system. One thing that is an error based on what you shared is what is between the <head></head> sections  you should only have the <style></style> - that "should" solve your issue

    I am a GoDaddy End User - Just Like You
    Check out my site! | I currently manage over 300 WordPress Websites
    * Please note that I offer free advice on this forum. Thank You Info If you would like personalized help, please contact me. Otherwise, please ask your question in the proper forum so the answer can assist EVERYONE in the community and not just you. Thanks! *

    Once your issue is resolved,
    please be sure to come back and click accept for the solution

    Get Better Support on the Community Boards!
    Etiquette When Asking for Help from the Community

    View solution in original post

    Hi @PL281,

     

     

    Thank you for your help. I made the adjustments you suggested does the below code look correct now?

     

    Thanks!

     

     

    <!-- Begin Campaignzee Embed Form -->
    
    <div id="cz_embed_signup">
    <form action="https://manage.campaignzee.com/embed/Pa8xyPJGr3" method="POST" id="cz_embed_form">
    <div class="cz-field-group">
    <input name="embed" value="true" type="hidden">
    <label for="EMAIL">Email *</label>
    <div class="clear"></div>
    <input type="email" class="required email form-control" id="EMAIL" name="EMAIL" required />
    </div>
    <div class="cz-field-group">
    <label for="FNAME">First Name </label>
    <input type="text" class="form-control " id="FNAME" name="merge_fields[FNAME]" />
    </div>
    <div class="cz-field-group">
    <label for="LNAME">Last Name </label>
    <input type="text" class="form-control " id="LNAME" name="merge_fields[LNAME]" />
    </div>
    <div class="cz-field-group">
    <label for="BIRTHDAY">Birthday </label>
    <input type="number" class="form-control" id="BIRTHDAY-month" name="merge_fields[BIRTHDAY][month]" placeholder="MM" style="width: 64px; display: inline;" min="1" max="12" step="1"/>
    <input type="number" class="form-control" id="BIRTHDAY-day" name="merge_fields[BIRTHDAY][day]" placeholder="DD" style="width: 64px; display: inline;" min="1" max="31" step="1"/>
    </div>
    <div class="cz-field-group">
    <h3>Choose your plan</h3>
    <!-- <button id="open_coupon_btn" class="btn btn-link" style="font-size:11px; float:right; padding-top:10px; padding-right:2px;">Have a coupon?</button>
    <div class="form-group" id="coupon-group" style="display:none; margin-left:0; padding-top:10px;">
    <label id="coupon_code_lbl" class="col-lg-3 control-label" style="text-align:left; padding-left:17px;">Coupon Code</label>
    <div class="col-lg-9" style="padding-left:0; padding-right:0; display:inline-block; width:56%;">
    <input id="coupon_code" type="text" class="form-control" autocomplete="off">
    <input id="coupon_input" type="hidden">
    <span class="label label-danger stripe-error" id="coupon-error" style="display:none;">This coupon code is not valid.</span>
    </div>
    <div style="display:inline-block; float:right; padding-right:15px;">
    <button id="apply_coupon" class="btn btn-primary btn-sm btn-block" style="width:70px; height:29px; margin-top:5px;">Apply</button>
    </div>
    </div> -->
    <div id="plan-group">
    <div class="radio">
    <label><input type="radio" class="planRadios" id="4306" name="plan" value="4306" checked > R.I.G. Equity and Market Commentary - &#36;10 CAD
    every
    month
    </label>
    </div>
    <div class="radio">
    <label><input type="radio" class="planRadios" id="4307" name="plan" value="4307" > R.I.G. Equity and Market Commentary - &#36;100 CAD
    every
    year
    </label>
    </div>
    </div>
    </div>
    <div class="cz-field-group" id="card-group">
    <h3>Enter your card details</h3>
    <div class="campaignzee-form-group" id="card-info-group">
    <div class="col-lg-9">
    <div id="card-element">
    
    </div>
    <div id="card-errors" role="alert"></div>
    </div>
    </div>
    <input type="submit" class="submit" value="Subscribe to RIG Resource Investment Group">
    </div>
    </form>
    <aside class="cz-field-group">All payments are processed securely by Stripe</aside>
    </div>
    <script src="https://code.jquery.com/jquery-3.1.1.slim.min.js" integrity="sha256-/SIrNqv8h6QGKDuNoLGA4iret+kyesCkHGzVUUV0shc=" crossorigin="anonymous"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.17.0/jquery.validate.min.js"></script>
    <script type="text/javascript" src="https://js.stripe.com/v3/"></script>
    <script type="text/javascript">
    var stripePubKey = "pk_live_51HcinEEvssSu3G6O8goec0SJgEH9g5TWs2W8xxKouY8JFUpSKMu4iHXEhryVN5Gicc1RiZFuwH1fzLk8pQJ96O0D00n9Bc16MJ";
    </script>
    <script type="text/javascript" src="https://manage.campaignzee.com/js/manage/embed-billing.js"></script>
    <!-- End Campaignzee Embed Form -->

     

     

     

    @RIG_CFrost 

     

    Yes that all seems correct

    I am a GoDaddy End User - Just Like You
    Check out my site! | I currently manage over 300 WordPress Websites
    * Please note that I offer free advice on this forum. Thank You Info If you would like personalized help, please contact me. Otherwise, please ask your question in the proper forum so the answer can assist EVERYONE in the community and not just you. Thanks! *

    Once your issue is resolved,
    please be sure to come back and click accept for the solution

    Get Better Support on the Community Boards!
    Etiquette When Asking for Help from the Community