{"id":113,"date":"2024-08-04T10:53:12","date_gmt":"2024-08-04T10:53:12","guid":{"rendered":"http:\/\/192.168.1.44\/wpbookit-documentation\/?p=113"},"modified":"2024-12-12T12:05:44","modified_gmt":"2024-12-12T12:05:44","slug":"shortcode","status":"publish","type":"post","link":"https:\/\/documentation.iqonic.design\/wpbookit\/shortcode\/","title":{"rendered":"Shortcode"},"content":{"rendered":"
\n

In our plugin we provide pre build shortcodes<\/strong> which you can utilize on frontend pages which is shown as follows:<\/p>\n\n\n\n

Here Below is Shortcode List <\/strong><\/h2>\n\n\n\n
    \n
  • [wpb-login]:<\/strong> allow Users To Register and Login into Your Site.<\/li>\n\n\n\n
  • [wpb-profile]:<\/strong> registered Users can manage their Profile and see his all appointments.<\/li>\n\n\n\n
  • [wpb-booking id=’1′]<\/strong> Allow Users To Book Appointment With Specification Booking Type.<\/li>\n<\/ul>\n\n\n\n

    How to Use the Shortcode<\/strong><\/h2>\n\n\n\n
      \n
    1. Log in to Your WordPress Admin Panel<\/strong>\n
        \n
      • Go to your WordPress dashboard by visiting your website<\/li>\n<\/ul>\n<\/li>\n\n\n\n
      • Add a New Page<\/strong>\n
          \n
        • Navigate to Pages<\/strong> in the left menu.<\/li>\n\n\n\n
        • Click Add New<\/strong> to create a new page.\"\"<\/li>\n<\/ul>\n<\/li>\n\n\n\n
        • Enter a Page Title<\/strong>\n
            \n
          • Add a title for your page, such as “Bookings” or “Schedule”.\"\"<\/li>\n<\/ul>\n<\/li>\n\n\n\n
          • Add the Shortcode<\/strong>\n
              \n
            • In the content area, add the Shortcode Block<\/strong>:\n
                \n
              1. Click the +<\/strong> icon to add a block.<\/li>\n\n\n\n
              2. Search for “Shortcode<\/strong>” and select it.\"\"<\/li>\n\n\n\n
              3. Enter the shortcode [wpb-booking-types],[wpb-profile] and [wpb-login]<\/code> in the shortcode block.\"\"<\/li>\n<\/ol>\n<\/li>\n<\/ul>\n<\/li>\n\n\n\n
              4. Publish the Page<\/strong>\n
                  \n
                • Click Publish<\/strong> to make the page live on your website.<\/li>\n\n\n\n
                • Confirm your publication when prompted.\"\"<\/li>\n<\/ul>\n<\/li>\n\n\n\n
                • Preview or Run the Page<\/strong>\n
                    \n
                  • Click the View Page<\/strong> button after publishing to see the booking functionality on the page.<\/li>\n\n\n\n
                  • Ensure the [wps-bookins],[wpb-profile] and [wpb-login]<\/code> shortcode is functioning correctly.\"\"<\/li>\n<\/ul>\n<\/li>\n<\/ol>\n\n\n\n

                    Booking Process Steps<\/h2>\n\n\n\n
                      \n
                    1. Select a Service<\/strong>\n
                        \n
                      • Choose the desired service or session from the available options, which includes details such as duration and cost.<\/li>\n<\/ul>\n<\/li>\n\n\n\n
                      • Pick a Date<\/strong>\n
                          \n
                        • Use the interactive calendar to select a suitable date. Highlighted dates indicate available booking slots.<\/li>\n<\/ul>\n<\/li>\n\n\n\n
                        • Choose a Time Slot<\/strong>
                          • Select your preferred time from the list of available slots displayed next to the calendar.<\/li>
                            <\/ul>\"\"<\/li>\n\n\n\n
                          • Fill in Required Details (Popup Page)<\/strong>
                            • After selecting a time slot, a popup page will appear.Enter the following details:
                              • Full Name<\/strong>: Provide your complete name.<\/li>
                              • Apply Coupon Code<\/strong> (if applicable): Enter a valid coupon code for discounts.<\/li>
                              • Select Location<\/strong>: Choose the preferred location from the provided list (if required).<\/li><\/ul><\/li><\/ul>\"\"<\/li>\n\n\n\n
                              • Proceed to the Next Step<\/strong>\n
                                  \n
                                • After entering all required details, click the “Next”<\/strong> button to proceed to the next page.<\/li>\n<\/ul>\n<\/li>\n\n\n\n
                                • Review Booking Details<\/strong>\n
                                    \n
                                  • Confirm the selected date, time, session duration, cost, and any other additional information.<\/li>\n<\/ul>\n<\/li>\n\n\n\n
                                  • Enter Payment Information<\/strong>\n
                                      \n
                                    • Review the booking summary.<\/li>\n\n\n\n
                                    • Choose a payment method and provide the necessary payment details.<\/li>\n<\/ul>\n<\/li>\n\n\n\n
                                    • Finalize the Bookin<\/strong>
                                      • Click the “Book Now”<\/strong> button to complete your booking. Use the “Prev”<\/strong> button to go back and make adjustments if needed.<\/li><\/ul>\"\"<\/li>\n\n\n\n
                                      • Booking Confirmation Page<\/strong>
                                        • After finalizing the booking, a Booking Confirmation Page<\/strong> will appear.<\/li>
                                        • This page will display a summary of your booking, including:
                                          • Service details (date, time, and location)<\/li>
                                          • Payment confirmation.<\/li>
                                          • A unique booking reference number (if applicable).<\/li><\/ul><\/li><\/ul>\"\"<\/li>\n<\/ol>\n\n\n\n
                                            \"\"<\/h6>\n\n\n\n

                                            Sign In\/Regester Process Steps<\/h2>\n\n\n\n
                                              \n
                                            • Sign In Button:<\/strong> The login page features a prominent “Sign In” button.\n
                                                \n
                                              • Password Visibility Toggle:<\/strong> A button is visible to toggle between showing and hiding the password characters.<\/li>\n\n\n\n
                                              • Remember Me Option:<\/strong> A checkbox allows the user to choose whether to remember their login information.<\/li>\n\n\n\n
                                              • Forgot Password Link:<\/strong> A link to help users recover their password.<\/li>\n\n\n\n
                                              • Log In Button:<\/strong> A primary button labeled \u201cLog in\u201d initiates the login process<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n
                                                \"\"<\/figure>\n\n\n\n

                                                <\/p>\n\n\n\n

                                                  \n
                                                • Registration Link:<\/strong> There is a link to register for an account, suggesting the user is not yet logged in.\n
                                                    \n
                                                  • Email Address Field:<\/strong> The page includes a field for entering the email address.<\/li>\n\n\n\n
                                                  • Password Field:<\/strong> A password field is included, with the password obscured.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n
                                                    \"\"<\/figure>\n\n\n\n

                                                    <\/p>\n\n\n\n

                                                    <\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"

                                                    In our plugin we provide pre build shortcodes which you can utilize on frontend pages which is shown as follows: Here Below is Shortcode List  How to Use the Shortcode Booking Process Steps Sign In\/Regester Process Steps<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":119,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[2],"tags":[],"class_list":["post-113","post","type-post","status-publish","format-standard","hentry","category-wpbookit"],"featured_image_src":null,"author_info":{"display_name":"Iqonic Design","author_link":"https:\/\/documentation.iqonic.design\/wpbookit\/author\/dwd3f32kd2r2rf23wf4df\/"},"children":[],"_links":{"self":[{"href":"https:\/\/documentation.iqonic.design\/wpbookit\/wp-json\/wp\/v2\/posts\/113","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/documentation.iqonic.design\/wpbookit\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/documentation.iqonic.design\/wpbookit\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/documentation.iqonic.design\/wpbookit\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/documentation.iqonic.design\/wpbookit\/wp-json\/wp\/v2\/comments?post=113"}],"version-history":[{"count":1,"href":"https:\/\/documentation.iqonic.design\/wpbookit\/wp-json\/wp\/v2\/posts\/113\/revisions"}],"predecessor-version":[{"id":3948,"href":"https:\/\/documentation.iqonic.design\/wpbookit\/wp-json\/wp\/v2\/posts\/113\/revisions\/3948"}],"up":[{"embeddable":true,"href":"https:\/\/documentation.iqonic.design\/wpbookit\/wp-json\/wp\/v2\/posts\/119"}],"wp:attachment":[{"href":"https:\/\/documentation.iqonic.design\/wpbookit\/wp-json\/wp\/v2\/media?parent=113"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/documentation.iqonic.design\/wpbookit\/wp-json\/wp\/v2\/categories?post=113"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/documentation.iqonic.design\/wpbookit\/wp-json\/wp\/v2\/tags?post=113"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}