Appointment form in a page different from front page

Discussion in 'Smartbooking-Appointment Booking WordPress Theme.' started by juanperalta, Nov 10, 2014.

Thread Status:
Not open for further replies.
  1. juanperalta

    juanperalta Member

    Joined:
    Oct 11, 2013
    Messages:
    42
    Likes Received:
    0
    Hi,
    is it possible to add this form inside a page without using widget?
    A shortcode should be ideal.
    Thanks
     
  2. juanperalta

    juanperalta Member

    Joined:
    Oct 11, 2013
    Messages:
    42
    Likes Received:
    0
    Hi, I found the shortcode, although it is [ink-appointments-form] (the "s" is the difference with the instructions of the icon on the wp pages editor).

    Now, I have another issue. I'd like to create a page with some text before the form, but the form is always going to the top of the page and the text (or anything) goes at the end.
     
  3. Pramod

    Pramod Guest

    Joined:
    Aug 8, 2014
    Messages:
    2,847
    Likes Received:
    63
    Hello !

    Please Provide your new created page screenshot and explain little bit more about your required page.

    Thanks & regards
    Pramod
     
  4. juanperalta

    juanperalta Member

    Joined:
    Oct 11, 2013
    Messages:
    42
    Likes Received:
    0
    Hi, this is the html:
    "En el siguiente formulario puedes introducir los detalles del tipo de vuelo que desees con la fecha y hora estimadas. Ten en cuenta que siempre puedes contactar con nosotros en el teléfono <b>607 50 18 21</b> o en nuestro email <a href="mailto:[email protected]"><b>[email protected]</b></a>.
    [ink-appointments-form]"

    and this is the screenshot: [​IMG]http://vuelaconnosotros.expertsites.es/reserva/[​IMG]

    I would like that the form appears below the text, as it is in the html. This is a very simple way to show this (I've done a lot of tests), I want really something a bit more complex, with an image next to the form. So, I want to be able to put the form in any place of the wordpress page as desired, if that is possible.
    Thanks
    Regards
     
  5. Pramod

    Pramod Guest

    Joined:
    Aug 8, 2014
    Messages:
    2,847
    Likes Received:
    63
    Hello,

    Please provide the following information listed below.
    Thread Link:
    Your Website URL:
    WordPress Username:
    WordPress Password:
    Send this information on our email at [email protected]

    Thanks & Regards
    Pramod
     
  6. Pramod

    Pramod Guest

    Joined:
    Aug 8, 2014
    Messages:
    2,847
    Likes Received:
    63
    Hello,

    Use this CSS code in custom box.
    Code:
    .ink-container
    {
    float:right;
    }

    If still issue in not solved follow below instruction.

    PHP:
    <?php
    /**
    *
    * Template Name: Appointment Page
    * @package smartbooking
    */
     
    get_header(); ?>
     
    <!-- Blog page Starts Here -->
    <!-- ******************* -->
    <div class="brdcrm-wrapper">
      <div class="container">
        <div class="col-md-12">
          <?php inkthemes_breadcrumb() ?>
        </div>
      </div>
    </div>
    <!-- Breadcrumb ends -->
    <div class="post-pages">
      <div class="container">
      <!-- Entry content -->
        <div class="col-md-12">
            <div class="col-md-6">
            En el siguiente formulario puedes introducir los detalles del tipo de vuelo que desees con la fecha y hora estimadas. Ten en cuenta que siempre puedes contactar con nosotros en el teléfono <b>607 50 18 21</b> o en nuestro email <a href="mailto:[email protected]"><b>[email protected]</b></a>.
            </div>
        <div class="col-md-6">
          <div class="entry-wrapper">
            <?php while ( have_posts() ) : the_post(); ?>
                <?php get_template_part'content''page' ); ?>
            <?php endwhile; // end of the loop. ?>
          </div>
          </div>
     
        </div>
        <!-- Entry content ends -->
      <!-- Sidebar content -->
     
      <!-- Sidebar content ends -->
      </div>
    </div>
     
    <!-- ********************* -->
    <!-- Blog page Ends Here -->
    <?php get_footer(); ?>

    Copy above code and paste it in notepad or on any other editor.
    Save that page as appoint-page.php.
    you have to upload this page/file through your FTP in theme folder.
    After that you have to post a page and select its template "Appointment Page".
    In this template you have to put only short code.
    It half portion in which you want text will be manually putted in above code.

    Please change above text in code according to your need.


    Thanks & Regards
    Pramod
     
  7. juanperalta

    juanperalta Member

    Joined:
    Oct 11, 2013
    Messages:
    42
    Likes Received:
    0
    Thanks, at the moment the CSS code is working together with a row (shortcodes plugin).

    Best regards
     
Thread Status:
Not open for further replies.

Share This Page