Introduction

Aitasi Coming Soon is a modern, beautiful, Responsive and full-width professional landing page that’ll help you create a stunning coming soon page or Maintenance Mode pages instantly without any coding or design skills. You can work on your site while visitors see a “Coming Soon” or “Maintenance Mode” page. It is very easy & quick to install in your WordPress installed website.

Getting Started

System Requirements

To get the best experience of this plugin, we recommend the followings–

  1. PHP 5.6 or later
  2. MySQL 5.6 or later
  3. WordPress 4.4.1 or later

To be sure about the above requirements contact your hosting vendor.

Installation

Suppose you have installed WordPress. If you do not know how to install WordPress contact your hosting provider or see the document https://codex.wordpress.org/Installing_WordPress .

  1. Login to the admin panel of WordPress
  2. Navigate to the to PluginsAdd NewUpload File Install Now. When done, click Activate Plugin.
  3. After activating the Aitasi Coming Soon Pro plugin, you are ready to use it.
Main Settings

shaped-logo-compressor

Plugin activation and Home section setting are included in Main Settings. Let's see how we can do these–

    1. Plugin Mode: To activate the plugin select Coming Soon and to deactivate select Off.
    2. Section Sorter: You can resort all the sections here. If you want to hide any section drag it to Inactivate Sections.
    3. Meta Title: Meta title is used as the site title and window/tab title.
    4. Meta Keywords: Type your desired meta keywords.
    5. Meta Description: Type your site meta description in this field.
    6. Favicon Image: Upload a favicon image favicon. The image should be square (width and height 16px × 16px or 32px × 32px) and format should be one of PNG, GIF and ICO.
    7.  Show Preloader Image: On the switch to show the preloader image.
    8. Main Logo: Upload your main logo image.
    9. Logo Width: Set the logo width in pixel.
    10. Logo Height: Set the logo height in pixel.
    11. Main Titles: Write the main titles. Use Heading1 and Heading2 to get the demo style.
    12. Home Section Content Color: Used as a color of some contents in the home section.
    13. Show Countdown Timer: Keep on the switch to show countdown timer.
    14. Countdown Date: Set countdown date when the project will be launched.
    15. Countdown Date Color: Set a color for countdown date.
    16. Social Links: To set a social link click Add New Social and to Delete social link click Remove.
       a) Social Icon: Set social Icon. b) Social Profile URL: Set your social profile link.

Subscription Field

  1. Show Subscription Form: On the switch to show subscription form.
  2. Subscription Field Title: The title is set above the subscription field.
  3. Email Field Label: Write a label for email field what is used here as the placeholder.
  4. Button Label: Write a subscription button label.
  5. Success Message: Write a subscription message label.
  6. Failure Message: Write a subscription failure message.
  7. MailChimp Action URL: Set MailChimp Action URL of your campaign list. In order to use MailChimp, you’ll need an Action URL. Go to your MailChimp List → click on the List nameSignup formEmbedded form → Search with action among the codes. Then paste the action value here.
Service Section

service-compressor

  1. Section Background Color: Set a color for service section background.
  2. Section Title Color: Set a color for service section title.
  3. Section Content Color: Set a color for service section content.
  4. Service Section Title: Write service section title.
  5. Service Section Icon: Set an icon for service section.
  6. Service Title: Write service title.
  7. Service Subtitle: Write service subtitle.
  8. Service Items: To add a service click Add New Service and to Delete click Remove.
    a) Service Item Icon: Set an icon for service item.
    b) Service Item Title: Write Service item title.
    c) Service Item Content: Write Service item content.
About Us Section

aboutus-compressor

  1. Section Background Color: Set a color for About Us Section background.
  2. Section Title Color: Set a color for About Us Section title.
  3. Section Content Color: Set a color for About Us Section content.
  4. Service Section Title: Write About Us Section title.
  5. Service Section Icon: Set an icon for About Us Section.
  6. Service Title: Write About Us title.
  7. Service Subtitle: Write About Us subtitle.
  8. Team Members:  To add a Member click Add New Member and to Delete click Remove.
    a) Team Member Name: Write member name.
    b) Team Member Designation: Write member's designation.
    c) Team Member Photo: Set member's photo.
    d) Social Icon: Set social icon.
    e) Social URL: Set Social URL of the member.
Contact Section

contact-compressor

  1. Show / Hide: Keep on the switch to show Contact Section and off to hide.
  2. Section Background Color: Set a color for Contact Section background.
  3. Section Title Color: Set a color for Contact Section title.
  4. Section Content Color: Set a color for Contact Section content.
  5. Contact Section Title: Write Contact Section title.
  6. Contact Section Icon: Set an icon for Contact Section.
  7. Contact Form Setting

  8. Contact Form Title: Write Contact title.
  9. Contact Form Subtitle: Write Contact subtitle.
  10. Target E-mail Address: This is the email address where you will receive the contact form messages.
  11. Email Subject: Email subject, Useful for filtering mail.
  12. Name Field Label: Write a name field label used as the placeholder.
  13. Email Field Label: Write an email field label used as the placeholder.
  14. Message Field Label: Write a message field label used as the placeholder.
  15. Contact Form Submit Button Text: Write a text for Submit Button.
  16. Contact Form Submit Success Message: Write a message for successful submission of contact form
  17. Contact Form Submit Failure Message: Write a message for unsuccessful submission of contact form
Footer

footer-compressor

  1. Show / Hide: Keep on the switch to show Footer and off to hide.
  2. Footer Background Color: Set a color for Footer background.
  3. Footer Content Color: Set a color for Footer content.
  4. Footer Copyright Text: Write your footer text here.
Stylization
    1. Home Background: Used as home section background.a) Image:
      image-bg-compressor
      i. Set Background Image: Upload a background image.
      ii. Background Image Attachment: Set background image fixed / scrolled.
      iii. Background Overlay Color: Set a background overlay colorb) Slider:
      slider-compressor

i. Upload Background Slider Images: Upload background slider images.
ii. Background Overlay Color: Set a background overlay color.

c) YouTube Video:
youtube-compressor
i. Paste YouTube Video Link: Paste a youtube video link for background video.
ii. Background Overlay Color: Set a background overlay color.
iii. Upload a Poster: Upload a poster image. The poster is displayed before the video load.

d) Vimeo Video:
vimeo-compressor
i. Paste Vimeo Video ID: Paste a Vimeo video ID. The Vimeo URL looks like – https://vimeo.com/75736121. The red part is the video ID.
ii. Background Overlay Color: Set a background overlay color.
iii. Upload a Poster: Upload a poster image. The poster is displayed before the video load.

e) Self Hosted Video:
self-hosted-compressor
i. Background Overlay Color:  Set a background overlay color.
ii. Upload WEBM Format Video: Upload WEBM format for making the background video all browser compatible.
iii. Upload MP4 Format Video: Upload MP4 format background video.
iv. Upload a Poster: Upload a poster image. The poster is displayed before the video load.
v. Upload a Poster for Mobile View: Upload a poster image. The poster is displayed before the video load. Maximum width should be 800px.
vi. video Autoplay: Turn on the switch to autoplay the video
vii. Video Play Repeat: Turn on the switch to repeat video play
viii. Mute Switch: Turn on the switch to off sound.

stylization-compressor

  1. Main Color: Set your brand color what is used as the main color of the site.
  2. Hover Color: Set hover color what is used as mouse over color.
  3. Font Family: Set your font family and font variant from google font.
  4. Custom CSS Field: Add your custom CSS here.
  5. Paste the Google Analytics Code: Paste your google analytics code including the <script></script> tags.