Create Your App Center Listing

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.

Note: Any changes to the developer card or app card or page after your app has been released will require your app to go through the review process as a new version. You can create a new pricing plan without creating a new version.

​In this topic:

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.​

Note: Any changes to the developer card after your app has been released will require you to create a new version and go through the review process again.

Create the App Card and App Page

App cards are used to display information about your app in the App Center. When clicked, they lead to the app's page.

The card also displays on the app's page with an Add button, a link to the website, and a link to support info (if configured - you configure support info in the Developer Admin Portal when you register your app). The app page also shows key features for your app, a longer description, informative graphics, and you can embed a YouTube video.

While pricing for your app is displayed on the card and on the app's page, you create it separately from the listing.

​Text fields on this page allow minimal HTML formatting - use <p> to break up text and <ul>, <ol>, and <li> tags for lists. You may use <h1> - <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.

Note: Once you release your app, any changes to this information requires that you create a new version and resubmit it for review.

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.

Price: 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.

Visual Assets

App Icon: transparent .png file, 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.

Note: It is very important that your logo has a transparent background and that you set the background hex color here, and not in the actual logo .png file. Your logo will not display correctly if you don't follow this guideline.

App Page Images: .png files, 1432 x 806 pixels, (5 max)​These are the images that are displayed on App Pages and 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

​

Note: Images are displayed in a slideshow (along with an optional video).The last image uploaded is the first image displayed in the slideshow.

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.

Additional Information

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 NotesWe 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 ReleaseYou 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 https://www.weebly.com/app-center/my-app?version=2.1.0.