WordPress tribe events registration

I was using Tribe Events and need a simple event registration solution (no login, just registration). So I came up with a simpel solution using ”WordPress form manger”. Follow these steps if you want a registration form in singel view for Tribe Events:

  1. Install ”WordPress form manager” https://wordpress.org/plugins/wordpress-form-manager/
  2. Create a form called ”registration-form”
  3. Add the fields you need (name, company, phone etc).
  4. Add a field called ”Event name”
  5. Save your form
  6. Go to the tab ”Form extra”
  7. Give the field ”Event name” the following nickname ”eventname”
  8. Save your form
  9. Open your themes ”style.css” add this rule: .fm-item-eventname { display: none; }
  10. Save
  11. Open your themes ”function.php”
  12. Add the code below, save and you are god to go =)


function add_registration_form () {
echo '<h2>Registration for '. strtolower(get_the_title()) .'</h2>';
echo '<input type="hidden" id="name-of-event" value="'.get_the_title().'" />';
echo do_shortcode('[form registration-form]');
echo '<script>
$ = jQuery;
$(function() {
//-- Read name from hidden field that has been printed before form
$(".fm-item-eventname input").val($("#name-of-event").val());

});
</script>';
}
add_filter('tribe_events_single_event_after_the_content','add_registration_form',1);

Annonser

WordPress form manager set visitors email as sender

If you are using the plugin form-manager and you want to use the visitors email as sender in the header just follow these steps:

  1. Open up the wordpress admin panel
  2. Go to ”Forms”
  3. Click on your form
  4. Click on the tab ”Form extra”
  5. Type in the nickname ”email” nexto the field that holds the e-mail adress
  6. Save
  7. Go to the tab ”Edit”
  8. To the right under ”E-mail notification” change the field with the header ”from” to: [item email]
  9. Save
  10. Test

If you need any help, just leave a comment on this post and I will tell you how to fix it.

For more shortcodes, checkout the plugin-page: http://www.campbellhoffman.com/question/advanced-e-mail-settings/

Make WordPress plugin grid column responsive

Grid columns (http://wordpress.org/extend/plugins/grid-columns) is a great wordpress plugin for using columns. The problem is that it is not responsive. But that is easy to solve. Just add this to you responsive CSS:

@media (max-width: 700px) {
.column-grid .column, .column-grid .column-first, .column-grid .column-last { float: none; }
body .column-grid .column { width: 100%; }

}

”body” can be changed to example ”#container” if you´r using a container div with that id.

”max-width: 700px” can of course be changed to you own width.