Skip to main content
All CollectionsSetup Tips
How to Customise Register Button on the Landing Page
How to Customise Register Button on the Landing Page
Kyaw avatar
Written by Kyaw
Updated over a week ago

EventNook allows you to customize the default Register button on the landing page below.

For example,

1) You might want to move the Register button to somewhere on the page

2) You might want to change the text of the Register button

3) You might want to replace it with a custom design Register button

To add the custom Register button, you can hide the current Register button and insert your own Register button code in the Event Details section.

Step 1) Add Custom Register Button

  • Go to Settings >> Event Information

  • Add the custom content as well as custom Button or Register Hyperlink below Event Description (HTML)

Register Code Sample

<a class="btn btn-success btn-register btn-register-lg btn-lg m-2 px-5" style="background-color: #44c767; border-radius: 14px; border: 1px solid #18ab29; display: inline-block; cursor: pointer; color: #ffffff; font-family: Arial; font-size: 17px; padding: 16px 31px; text-decoration: none; text-shadow: 0px 1px 0px #2f6627;" role="button" href="https://reg.eventnook.com/event/gsesdemo/home">Register NOW</a>

Step 2) Hide the default Register Button

After adding the custom Register button in Step 1, you can now hide the default Register button.

  • Go to Setting >> Essential Setup >> Site Content

  • Under Site Content, select Landing Page Setting

  • Remove - Show Register Button and Show Register Button (Navbar)

  • Save Changes after that.

Here is an example of Custom Register Now button added in the bottom of the landing page

If you would like to discover more options for creating your own button, head over to this site: https://cssbuttongenerator.com/

Please refer to this video to find out how you can link your registration page with your customized button:

Did this answer your question?