Question 1

Overview element fields

Accepted Answer

Design tab

Each Basic Element will contains multiple Fields and the possible fields are listed under the **Design tab. **

This is where you can control the color, font, the size of text, the spacing between elements, how elements are positioned and laid out, what background images or background colors are to be used, different displays for different devices and screen sizes, and much more!

|| These fields usually comes along with Basic Elements settings so please try to understand how to use them well

1. Alignment

Set the horizontal alignment of an element: it can be **left **or **right **aligned or centered. (center alignment is default value)

2. Typography

Font family: apply a font type for your texts
Google font: these fonts are free to use, no copyright issues
Upload font: this allows you to upload a new custom font (or your brand font for example) || Font file formats you can upload: .ttf / .otf / .woff

**Size: **sets the size of texts Font size units
px is not scalable, it is an absolute unit. The value assigned is fixed irrespective of the user's device screen
%, em, rem scale accordingly with screen size, they're

Question 2

Quick Start Guide

Accepted Answer

In this article, you will find the quickest approach to get started using Beae. If you want to know more about Beae apps, you may find many details on Beae, and a comparison between Beae and Shopify. After going through those articles, you will gain immense understanding and hopefully will choose Beae over other apps to get started on building a better themes and templates.

A. Installation and Setting

1. Add store password:

On Shopify Dashboard, please select Online store > Preferences > Password protection > Password, and copy the protected password of your Shopify store.
Next, please access Beae dashboard, and select Preferences > Store details > Storefront Password, paste the password from the first step and press Save.

Add store password

2. Turn on Theme Helper:

On Shopify dashboard, select Online store > Themes > Customize > Theme settings > App embeds > Theme Helper (Beae - Flexible Page Builder)
Make sure that Theme Helper (Beae - Flexible Page Builder) is toggled on, and hit Save button.

Theme Helper

3. Page type and section builder

Section builder: You can create a section in the Beae app and use it with existing pages on your site, for detailed instruction, please check [How to create Beae section that can be used on Shopify them

Question 3

Countdown (Product)

Accepted Answer

Countdown will help you create a sense of urgency or scarcity toward your customer, thus, when placed on a product page, this element will make a sharp spike in conversion rate. This article will introduce you to the main settings of the Countdown element, so you can create a countdown until the end of a campaigns with ease.

In this section

A. Content B. Design

A. Content

1. General

Title: You can input the title of your CountDown here.

Type: Metafields, Custom, Custom and Metafield are the 3 types to choose from.
Metafields type: This type will fetch the timing data from metafields of products from Shopify to display. When you install Beae app, two metafields (Beae Product countdown from and Beae Product countdown to) will be automatically generated for products in Shopify.
If you want to select this type, please select Shopify Admin > Product > All products > Select a certain product that you want to display metafields content > Add countdown on Beae product countdown to and Beae product countdown from field. You can check the image below for more details.

![](https://storage.crisp.chat/user

Question 4

Post description

Accepted Answer

This Content element should be used on the Article template. It is used to automatically display the current a Blog post's content from Shopify.

|| You can't edit directly this content in Beae Editor, you must edit through Shopify Dashboard > Online Store > Blog posts.

Content

PREVIEW: Select a specific Blog post to display its content to preview.

Content Type

Text: Only pure texts from the blog content will show up. ** No break line, no alignment, images** are here; because all the HTML tags that come from the blog content are skipped. But you can still style your Article content later by using the Design tab.

The content above is generated automatically from Shopify Dashboard > Online Store > Blog posts > select the post that you are viewing > Edit content. In Shopify, you can use rich text editor to format and style for your blog post content.

HTML: When you choose this option, both texts and HTML tag can show up. As a result, your content looks similar with how it's on the blog live page with table, columns, line-break, i

Question 5

How to use section created from Beae to Shopify theme customize?

Accepted Answer

This feature allows you to create a section with Beae, and later use that section within Shopify OS2.0.

${youtube}Add section to Shopify theme

This article will give you a clear view on the process to creates a section with Section Builder and late utilize the same section in Shopify Theme Editor.

Select Section Builder in Beae dashboard

Create your own section

Configure your section's name and Save

On Shopify dashboard, select Online store > Themes > Customize and find the section name from step 3

Question 6

How to build blogs template?

Accepted Answer

In Beae app we support:

Edit the existing Blog page that comes from your theme
Create a new Blog Template for Individually blogs
Create a new Blog Template for All blogs

1. Edit the existing Theme blog template

For example: You already like the Blog from theme but you just want to add one or two more Featured products section which the blog posts are talking about? This function will be the solution in this case. You can insert variety of blog section types into anywhere of your blog page easily.

Step 1 - Create your own Beae sections.

You must be familiar with the concept of section in Theme. With Beae app you can also create your own sections using Section builder.

Designing your stunning section then put a name for it by clicking the settings icon at the top

**Save **this new blog section

The section list is stored in Section Builder in the Beae Admin like below. You can Add/ Edit/ Delete these sections

Step 2 - Customize theme

From your Shopify Admin > Click **Customize **your live theme

![](https://storage.crisp.chat/use

Frequently Read Articles

Browse All Categories