Landing Page Application

Overview

The Landing Page Application is a powerful tool that enables you to create visually appealing and high-converting landing pages for your store. This guide walks you through the steps to install, activate, and customize your landing pages, including adding elements like images, text, videos, buttons, and a checkout system.

---

Benefits of Using the Landing Page App

• Faster Checkout Process: By reducing the number of steps, customers can complete their purchase more quickly.
• Higher Conversions: The streamlined design encourages purchases, helping to increase your store’s sales.
• Customization: Full control over the look and feel of your landing pages, with no coding required.

Installation and Activation

Step 1: Install the Application

1. Go to Applications:
   • In your Storeino dashboard, navigate to the Applications section.
2. Locate the Landing Page App:
   • If the app isn’t listed in your installed apps, search for it under New Apps or visit market.storyno.com.
3. Download the App:
   • Click on the app, review the details, and purchase for $4/month. Select the basic subscription plan.
   • Confirm your subscription.

Step 2: Activate the App

1. Activate:
   • Once installed, locate the app in your dashboard, and click Activate.
2. Open Settings:
   • Click on the app to access its settings.

---

Creating a Landing Page

Step 1: Add a New Page

1. Add New:
   • Click on Add New in the landing page app.

2. Set Basic Details:
   • Image: Upload an image for the landing page.
   • Name: Enter the name of your landing page.
   • Slug (URL): A unique URL is auto-generated based on the name, but you can edit it.
   • Description: Provide a brief description of the page.

2. Choose Template (Optional):
   • Select from Arabic or English templates, or start from scratch.
3. Publish:
   • Enable the Publish option if the page should go live immediately.
4. Submit: Save your progress.

---

Customizing the Landing Page

General Settings

1. Access Customizer:
   • Click Customize to enter the page editor.
2. Preview Mode:
   • Toggle between Edit Mode and Preview Mode to review changes in real-time.

Adding Elements

• Click Add Element to insert new components into your landing page. Available elements:
  1. Row and Columns:
     • Structure your page with rows and columns.
     • Adjust column size, margins (space outside the element), and padding (space inside the element).
     • Set background colors or images.
  2. Text:
     • Add and customize text.
     • Convert text into headings for better structure.
  3. Image:
     • Upload or select images.
     • Adjust size, radius, and margins.
  4. Button:
     • Add clickable buttons.
     • Set text, URL, colors, and styles.
  5. Video:
     • Embed videos using YouTube URLs or other links.
     • Configure autoplay and full-screen options.
  6. Checkout:
     • Add a product-specific checkout section.
     • Customize thank-you messages and button styles.

---

Checkout Integration

1. Add Products:
   • Assign products to the landing page by selecting them in the checkout settings.
2. Customize Buttons:
   • Modify button styles, background colors, and messages.
3. Preview:
   • View the final design of the checkout section in preview mode.

---

Finalizing and Publishing

1. Save all customizations.
2. Preview the page to ensure everything is working as expected.
3. Publish the page.

---

Key Features

• Intuitive interface: No coding skills required.
• 100% Responsive for All Devices
• Increase Conversion Rates
• Customizable layouts: Add rows, columns, and design elements.
• Seamless checkout: Integrated checkout with product linking.
• Multilingual templates: Support for Arabic and English.

---