Select Page

    WordPress Shortcode based Teaser Form

    CSS, Divi, WordPress

    Shortcuts Ultimate for WordPress
    a plugin full of function


    I recently did a post on Contact Form 7 and a large form. This is a quick and easy addition to that, allowing you to embed large forms in a spoiler/teaser style toggle. Also, a bit of information about the shortcodes plugin I use on a number of sites, Shortcodes Ultimate. It’s ET Divi tested in my case, having been put on at least a dozen sites in the last year.

    Demo of the shortcode & form:

    Job Application

      First Name
      Last Name
      Your Email
      Job Applied For
      Date of Application
      Street Address
      City/State
      Zip Code
      Home Phone
      Mobile Phone
      Date you will be available for work?
      Drivers License Number & State Issued
      If you are under 18, can you furnish a work permit?
      yesno
      Have you ever been employed here before?
      yesno
      Can you meet attendance requirements of the position?
      yesno
      Are you legally eligible to work in this country? (Proof of US Citizenship or immigration status will be required upon employment)
      yesno
      Type of employment desired? Full TimePart TimeTemporarySeasonalEducational/Co-Op
      Have you been convicted of a felony in the past 7 years? yesno
      (Such a conviction may be relevant if job related, but does not bar you from employment. The inquiry as to whether you have been convicted of a crime does not require you to disclose, verbally or in writing, any record of a conviction or arrest that has been expunged or sealed.)

      If you answered yes, please explain.

      Employment History

      List your last 4 employers or volunteer activities. Start with the most recent, include any military experience.

      Reference 1

      Name of Employer
      Contact phone number
      Your immediate supervisor
      City/State
      Date Worked From:
      Date Worked To:
      Job title or position
      Salary when you left?
      Short description of your responsibilities

      Reference 2

      Name of Employer
      Contact phone number
      Your immediate supervisor
      City/State
      Date Worked From:
      Date Worked To:
      Job title or position
      Salary when you left?
      Short description of your responsibilities

      Reference 3

      Name of Employer
      Contact phone number
      Your immediate supervisor
      City/State
      Date Worked From:
      Date Worked To:
      Job title or position
      Salary when you left?
      Short description of your responsibilities

      Reference 4

      Name of Employer
      Contact phone number
      Your immediate supervisor
      City/State
      Date Worked From:
      Date Worked To:
      Job title or position
      Salary when you left?
      Short description of your responsibilities

      First you’ll want to install the plugin, it can be found here: Shortcodes Ultimate

      You can also go through the admin Plugin installer, searching for Shortcodes Ultimate, the author of this particular plugin is Vladimir Anokhin. Click the install button and then activate the plugin. After you have SU installed you should have a new button on pretty much any text field that has an editor.

      I’m going to assume you have a form you have created that you have the code for or, have a shortcode for a form you created through a plugin. Click the Insert Shortcode button, with your cursor placed where you want to put the spoiler and form. You will get the modal window for the shortcodes that are included with the SU Plugin.

      New Form


      The second modal window will give you several layout options, simple but feature rich, these are the things that make this plugin great to me. You could use the toggles or any similar feature, using nearly any Premium Theme, or any of the great Child Themes that are available to the Elegant Themes users following along….however it’s the base styling and easy style access that make this Plugin above the bar.

      After configuring the spoiler, click “insert shortcode.” That’s it, you’re done! There’s a custom CSS area built into the plugin settings as well for styling.

      GET IN TOUCH

      Contact Us


      All email requests are generally responded to the same day, if received during normal business hours. Use the form here to request a call back at a time convenient to you.

      Pin It on Pinterest

      Share This