Subscribe knop op Wordpress website werkt niet

Status
Niet open voor verdere reacties.
Lila19

Lila19

Gebruiker
Lid geworden
14 jan 2010
Berichten
22
Goedemorgen/middag/avond,

Op een website die ik een vriendin help maken, willen we graag een signup formulier van Mailchimp plaatsen.
Ik heb nu als test mijn eigen formuliertje even gekopieerd en in een php bestand van het gekozen thema geplaatst.
Hieronder heb ik de PHP code van die pagina (front-page.php) geplakt.

Wie kan mij vertellen hoe ik de 'subscribe' knop geplaatst krijg?
Het formulier werkt wel, als je op enter drukt verstuurt 'ie 'm gewoon. Maar we willen natuurlijk wel een knop.
Het gaat om www.kleurenfontein.nl/nieuwesite

Alle hulp is heel welkom!

PHP: 
<?php
/*
  /**
 * The main front page file.
 *
 * This is the most generic template file in a WordPress theme
 * and one of the two required files for a theme (the other being style.css).
 * It is used to display a page when nothing more specific matches a query. 
 * E.g., it puts together the home page when no home.php file exists.
 * Learn more: http://codex.wordpress.org/Template_Hierarchy
 *
 * @package WordPress
 * @subpackage Colorway
 * @since Colorway 1.0
 */
?>
<?php get_header(); ?>
<!--Start Slider-->
<div class="grid_24 slider">
    <div class="slider-container">
        <div id="slides">
            <div id="slide-box">
                <div class="slides_container col-full slide-fix" >

                    <div class="slide slide-1" >
                        <div class="slide-content entry fl">
                            <?php if (inkthemes_get_option('colorway_slideheading1') != '') { ?>
                                <h2 class="title"><a href="<?php echo inkthemes_get_option('colorway_slidelink1'); ?>"><?php echo inkthemes_get_option('colorway_slideheading1'); ?></a></h2>
                            <?php } else { ?>
                                <h2 class="title"><a href="#"><?php _e('Beauty at its best','colorway'); ?></a></h2>
                            <?php } ?> 
                            <?php if (inkthemes_get_option('colorway_slidedescription1') != '') { ?>


//start wijziging MAILCHIMP formulier

<p>
<!-- Begin MailChimp Signup Form -->
<link href="http://www.marleenrenders.com/wp-content/themes/thesis_184/custom/mailsignup.css" rel="stylesheet" type="text/css">
<style type="text/css">
	#mc_embed_signup{background:transparent; <!--clear:left; font:12px Helvetica,Arial,sans-serif; align: center; text-align: center; width:200px; border-radius:10px; -->}

#mc_embed_signup .button {clear:both; background-color: #111111; border: 0 none; border-radius:4px; color: #FFFFFF; cursor: pointer; display: inline-block; font-size:15px; font-weight: bold; height: 32px; line-height: 32px; margin: 0 5px 10px 0; padding: 0 22px; text-align: center; text-decoration: none; vertical-align: top; white-space: nowrap; width: auto;}
#mc_embed_signup .button:hover {background-color:#777;}

</style>
<div id="mc_embed_signup">
<form action="http://marleenrenders.us4.list-manage.com/subscribe/post?u=06f3164287bdbaddb74f16fdc&amp;id=6edea61264" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank">
	<!-- <center><h2>Love, Gifts, More, Subscribe</h2> </center> -->
<div class="mc-field-group">
	<label for="mce-FNAME">First Name </label>
	<input type="text" value="" name="FNAME" class="" id="mce-FNAME">
</div>
<div class="mc-field-group">
	<label for="mce-EMAIL">Email Address </label>
	<input type="email" value="" name="EMAIL" class="required email" id="mce-EMAIL">
</div>
<!--- <div class="mc-field-group">
	<label for="mce-LNAME">Last Name </label>
	<input type="text" value="" name="LNAME" class="" id="mce-LNAME">
</div>
--->
	<div id="mce-responses" class="clear">
		<div class="response" id="mce-error-response" style="display:none"></div>
		<div class="response" id="mce-success-response" style="display:none"></div>
	</div>	<div class="clear">
<br><center>
<input type="submit" value="button" name="verstuur" id="mc-embedded-subscribe" class="button"></center></div>
</form>
</div>

<!--End mc_embed_signup-->

</p>




//eind wijziging MAILCHIMP >>Waar is die subscribe knop??? <<<



                             <!--<p><?php echo inkthemes_get_option('colorway_slidedescription1'); ?></p>-->
                            <?php } else { ?>
                                <p><?php _e('What happens when beauty and simplicity connects. We tried to give you a slight hint of that with the Colorway Theme.','colroway'); ?></p>
                            <?php } ?>
                        </div>
                        <!-- /.slide-content -->
                        <?php if (inkthemes_get_option('colorway_slideimage1') != '') { ?>
                            <div class="slide-image fl"><img  src="<?php echo inkthemes_get_option('colorway_slideimage1'); ?>" class="slide-img" alt="Slide 1"/> </div>
                        <?php } else { ?>
                            <div class="slide-image fl"><img  src="<?php echo get_template_directory_uri(); ?>/images/slide-img-1.jpg" class="slide-img" alt="Slide 1"/> </div>
                        <?php } ?>
                        <!-- /.slide-image -->
                        <div class="fix"></div>
                    </div>         
                </div>
                <!-- /.slides_container -->
            </div>
            <!-- /#slide-box -->
        </div>
        <!-- /#slides -->
    </div>
</div>
<div class="clear"></div>
<!--End Slider-->
<!--Start Content Grid-->
<div class="grid_24 content">
    <div class="content-wrapper">
        <div class="content-info">
            <h1>
                <center>
                    <?php if (inkthemes_get_option('inkthemes_mainheading') != '') { ?>
                        <?php echo inkthemes_get_option('inkthemes_mainheading'); ?>
                    <?php } else { ?>
                        <?php _e('Your Main Heading Comes Here! Set It From Themes Options Panel','colorway'); ?>
                    <?php } ?>
                </center>
            </h1>
        </div>
        <div  id="content">
            <div class="columns">
                <div class="one_fourth"> <a href="<?php echo inkthemes_get_option('inkthemes_link1'); ?>" class="bigthumbs">
                        <?php if (inkthemes_get_option('inkthemes_fimg1') != '') { ?>
                            <img src="<?php echo inkthemes_get_option('inkthemes_fimg1'); ?>"/>
                        <?php } else { ?>
                            <img src="<?php echo get_template_directory_uri(); ?>/images/1.jpg"/>
                        <?php } ?>
                    </a>
                    <?php if (inkthemes_get_option('inkthemes_headline1') != '') { ?>
                        <h2><a href="<?php echo inkthemes_get_option('inkthemes_link1'); ?>"><?php echo inkthemes_get_option('inkthemes_headline1'); ?></a></h2>
                    <?php } else { ?>
                        <h2><a href="#"><?php _e('Power of Easiness','colorway'); ?></a></h2>
                    <?php } ?>
                    <?php if (inkthemes_get_option('inkthemes_feature1') != '') { ?>
                        <p><?php echo inkthemes_get_option('inkthemes_feature1'); ?></p>
                    <?php } else { ?>
                        <p><?php _e('This Colorway Wordpress Theme gives you the easiness of building your site without any coding skills required.','colorway'); ?></p>
                    <?php } ?>
                </div>
                <div class="one_fourth middle"> <a href="<?php echo inkthemes_get_option('inkthemes_link2'); ?>" class="bigthumbs">
                        <?php if (inkthemes_get_option('inkthemes_fimg2') != '') { ?>
                            <img src="<?php echo inkthemes_get_option('inkthemes_fimg2'); ?>"/>
                        <?php } else { ?>
                            <img src="<?php echo get_template_directory_uri(); ?>/images/2.jpg"/>
                        <?php } ?>
                    </a>
                    <?php if (inkthemes_get_option('inkthemes_headline2') != '') { ?>
                        <h2><a href="<?php echo inkthemes_get_option('inkthemes_link2'); ?>"><?php echo inkthemes_get_option('inkthemes_headline2'); ?></a></h2>
                    <?php } else { ?>
                        <h2><a href="#"><?php _e('Power of Speed','colorway'); ?></a></h2>
                    <?php } ?>
                    <?php if (inkthemes_get_option('inkthemes_feature2') != '') { ?>
                        <p><?php echo inkthemes_get_option('inkthemes_feature2'); ?></p>
                    <?php } else { ?>
                        <p><?php _e('The Colorway Wordpress Theme is highly optimized for Speed. So that your website opens faster than any similar themes.','colorway'); ?></p>
                    <?php } ?>
                </div>
                <div class="one_fourth"> <a href="<?php echo inkthemes_get_option('inkthemes_link3'); ?>" class="bigthumbs">
                        <?php if (inkthemes_get_option('inkthemes_fimg3') != '') { ?>
                            <img src="<?php echo inkthemes_get_option('inkthemes_fimg3'); ?>"/>
                        <?php } else { ?>
                            <img src="<?php echo get_template_directory_uri(); ?>/images/3.jpg"/>
                        <?php } ?>
                    </a>
                    <?php if (inkthemes_get_option('inkthemes_headline3') != '') { ?>
                        <h2><a href="<?php echo inkthemes_get_option('inkthemes_link3'); ?>"><?php echo inkthemes_get_option('inkthemes_headline3'); ?></a></h2>
                    <?php } else { ?>
                        <h2><a href="#"><?php _e('Power of SEO','colorway'); ?></a></h2>
                    <?php } ?>
                    <?php if (inkthemes_get_option('inkthemes_feature3') != '') { ?>
                        <p><?php echo inkthemes_get_option('inkthemes_feature3'); ?></p>
                    <?php } else { ?>
                        <p><?php _e('Visitors to the Website are very highly desirable. With the SEO Optimized Themes, You get more traffic from Google.','colorway'); ?></p>
                    <?php } ?>
                </div>
                <div class="one_fourth last"> <a href="<?php echo inkthemes_get_option('inkthemes_link4'); ?>" class="bigthumbs">
                        <?php if (inkthemes_get_option('inkthemes_fimg4') != '') { ?>
                            <img src="<?php echo inkthemes_get_option('inkthemes_fimg4'); ?>"/>
                        <?php } else { ?>
                            <img src="<?php echo get_template_directory_uri(); ?>/images/4.jpg"/>
                        <?php } ?>
                    </a>
                    <?php if (inkthemes_get_option('inkthemes_headline4') != '') { ?>
                        <h2><a href="<?php echo inkthemes_get_option('inkthemes_link4'); ?>"><?php echo inkthemes_get_option('inkthemes_headline4'); ?></a></h2>
                    <?php } else { ?>
                        <h2><a href="#"><?php _e('Ready Contact Form','colorway'); ?></a></h2>
                    <?php } ?>
                    <?php if (inkthemes_get_option('inkthemes_feature4') != '') { ?>
                        <p><?php echo inkthemes_get_option('inkthemes_feature4'); ?></p>
                    <?php } else { ?>
                        <p><?php _e('Let your visitors easily contact you. The builtin readymade contact form makes it easier for clients to contact.','colorway'); ?></p>
                    <?php } ?>
                </div>
            </div>
            <div class="clear"></div>
        </div>
        <?php if (inkthemes_get_option('inkthemes_testimonial') != '') { ?>
            <blockquote><?php echo inkthemes_get_option('inkthemes_testimonial'); ?></blockquote>
        <?php } else { ?>
            <blockquote><?php _e('Theme from InkThemes.com are based on P3+ Technology, giving high speed, easiness to built &amp; power of SEO for lending trustworthiness and experience to a customer. The Themes are really one of the best we saw everywhere.<br />
                - Neeraj Agarwal','colorway'); ?></blockquote>
        <?php } ?>
    </div>
</div>
<div class="clear"></div>
<!--End Content Grid-->
</div>
<!--End Container Div-->
<?php get_footer(); ?>
 
Die plugin is leuk, maar maakt alleen een widget aan voor in de sidebar.
Wij willen de signup op de front-page hebben staan. :-)

Het is niet zo netjes, inderdaad. Als iemand een nettere optie weet hoor ik het graag!
 
Het is gelukt jongens!!
Met een iframe.. :-)

Een stuk netter en simpeler :-)
Bedankt voor het meedenken!
 
Je kunt simpelweg dit toevoegen binnen je <form> om een knop te krijgen:
HTML: 
<input type="submit" value="Aanmelden" />
of
HTML: 
<button type="submit">Aanmelden</button>

Vermoedelijk zorgt er enige CSS voor het niet tonen wanneer de knop wel in de broncode staat.
 
Laatst bewerkt:
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan