Site owners shop for apps and elements in the App Center. Every app or element has an App Card that’s displayed on the main page in the center.
When clicked, it leads to the app’s page, where the user can view details about the app and visit a live demo of the app.
You create and configure these pages and cards, and create the demo site from the Dev Admin portal.
Create the Developer Card
The Developer card shows information about the developer for an app. Users access the card from the Developer link on the App Page. Content for the Developer card is taken from the developer information box on the main page of the Developer Admin portal. Log into the portal and click Edit to add info or make changes.
Create the App Card and App Page
App cards are used to display all the apps in the App Center. When clicked, they lead to the app’s page.
The card also displays on the app’s page along with feature and pricing information. You can add graphics and even embedd a You Tube video.
To create your App page, access the Dev Admin portal. Click the link for your app, then click Upload New Version. Enter information in the fields and upload any assets.
<p>to break up text and
<li>tags for lists. You may use
<h6>sparingly for section headings. You can use links (only when absolutely necessary), and they should open in a new tab (
target="_blank"). No other HTML is allowed.
As you are working on this page, click
Save Draft to save your changes.
Fill out the information under App Store Listing, as follows:
App Store Listing
- Title: 18 characters max. This was created when you registered your app.
- Short Description: 2 lines max, 40 characters max. This description displays on the app’s card throughout the App Center and on the app’s page. It should give the customer a brief overview of the app. Don’t include awards, reviews, testimonials, or other promotional info here. For readability, only one font size is used (16 pt.), and bold is the only formatting allowed.
- Key Features: 140 characters max, you must enter at least one feature. These are three main selling points for you app and are displayed as bullet points. This is your chance to grab your potential customer’s attention and sell your app. Use these points to concisely describe the main benefits of your app.
- Long Description: This description displays on the app’s page, and should provide enough information for the customer to make a purchasing decision. Only the first three lines are displayed, so start with the most important information, but don’t repeat the key features. Describe your app using clear, concise language. Avoid extraneous info that won’t help the user make a decision about using your app. Big blocks of text are hard to read, so use bulleted lists when you have a group of more than three things to list. For readability, only one font size is used (16 pt.). Be sure to check for typos and grammatical errors! If your app is an element, don’t put instructions for using the element here. Create a tutorial instead.
- Tags: Tags are used to help with customer’s search. Tag your app with terms you think customers might use to find your app.
You configure your price as a plan. It can be as simple as the word “Free” or it can be a complex tiered pricing structure. Create your price plan here.
- App Icon: transparent
.pngfile, 204 x 132 pixels. It will be scaled for retina display. This is the icon that displays in the App Card. This is the first impression customers will have with your app, so make sure your icon tells your app’s story. Or if your logo is already familiar, use a scaled version of that. It should be unique, simple, and memorable. It should create a connection with your customer. It must be transparent (it will use the color defined in the next bullet as the background). See the visual asset guidelines for more info.
- BG Color Hex Code: Six character hex code This color is used as the background color for your icon.
.pngfile. If you want a color background for your icon, set the color as the background color, and not in the icon file itself. Your logo will not display correctly if you don’t follow this guideline.
- App Page Images
.pngfiles, 1432 x 806 pixels, (5 max) and are displayed on App Pages. They should help tell users exactly what your App does, how it works, and what it looks like. These should not simply be screenshots of your App, but rather images you design and put together to showcase what you have built. A few suggestions on how to create these images:
- Use a colored background
- Place a product shot off to the right/left half, or the bottom of the overall image
- Place some explainer text to the other side of the image, or above it to clearly note what you are showing in the product image
- You could optionally place a title/headline at the top of the image that makes it clear what your product does, one of it’s features, or a problem you solve
- Demo Video ID: Url to a YouTube video, for example
https://youtu.be/aBcDEfg. This video should be a short overview, 3 minutes or less.
- Demo Video location: You can choose to display the video before or after the images in the slideshow.
- Release Notes: This field should explain what’s changed since your previous version, and will be displayed to users of your app when they upgrade to the new version. This field is also used by Weebly when reviewing your updates for approval.
- Reviewer Notes: We review and test all submitted apps. If your app is a paid service or otherwise requires an account, please be sure to include test account credentials, and any other details or instructions we need to know to completely test all aspects of your app.
- App Release: You can choose to have your app automatically released upon its approval, or you can choose to manually release it. If you choose manual, the app will not appear in the App Center until you release it.
Once you’ve completed entering this information, be sure to check out how it all looks in the App Center. From the Dev Admin portal, click on your app version link and then click View in App Center. You’ll be viewing your listing in the actual App Center, so it’s a true representation of what your customers will see (it’s just not viewable to anyone else until your app has been approved and released).
If you are working on an updated version of your app, when you click View in App Center you’ll see the current active version in the App Center and not your draft version. To view how the draft version will display, edit the URL to add the version parameter. For example, if the link to your app in the App Center is
https://www.weebly.com/app-center/my-app and your draft is version
2.1.0, edit the URL to be