How to Upload or Edit Homepage Banners on Your Store
- Log into Shop Manager by first logging into DermPRO OneLogin Dashboard and clicking on the Shop Manager tile...
...or by directly opening the link https://shopmanager.dermpro.com/ and entering the login credentials.
- In Shop Manager, click “Settings” from the left menu, select the "UI Configurations" Tab, and click on the "Homepage Settings" tile.
- Under Homepage Settings, click on the "Homepage Banner" tile.
- Click the Upload Banner button from the upper right corner, and then drag-and-drop or browse to your banner file to upload it. For most stores, your banner should be 1660px by 500px.
NOTE: If you have a DermPRO-hosted integrated website (not a DermPRO store only), your banner size may be different or our support team may need to assist you to upload banners. If you have any issues uploading a banner, please open a HappyFox ticket for assistance.
NOTE: The standard banner size for DermPRO online stores is 1660px X 500 px. Please ensure that the banner you are uploading matches these exact dimensions. An error message similar to the one shown below will be displayed if your banner image is not the correct size.
- After the banner has been successfully uploaded, it will appear in the DRAFT tab. Click on the Draft tab to see the list of draft banners. From here you can edit and publish the banner for immediate or future display.
- In order to manage details about the banner before publishing it to your store, click on the Pencil icon that is next to the banner. That will open the banner details as shown below.
From this window, you can edit the banner title, sort order, click target, and click location. You can also schedule the banner to automatically start and end at specified dates and times.
- Title - We recommend creating a title that is descriptive and uses keywords related to the banner. This title is used as the "alt" text of the banner image.
- Enable - Toggle the Enable switch to activate the banner. Alternatively, you can enable it later from the Draft list.
- Sort Order - Typically your store homepage will have multiple banners that are displayed as a slideshow. Use the Sort Order to control the order in which the banners are shown. The number you enter here will depend on how many other banners you have and what values are in the sort order field for those banners.
- OnClick URL/Phone - URL is the default value. When a banner is clicked, typically you want to direct the user to a page (URL) on your store. However, if you want clicks on this banner to call a phone number, you can select Phone.
- OnClick URL - Enter the URL of the page you want the banner to link to. Typically this is a brand or treatment/product type category page. Visit the front end of your store and go the page that you want the banner to link to; copy the URL of that page from your browser's address bar, and paste it here. If you selected Phone in the above option, it will ask you to enter the OnClick Phone.
- OnClick Target - It is recommended that clicks on the banner will open the target page in the "Same Window / Tab". However, you may choose to open a new browser tab for the target page, which is recommended only if the target page is not on your store but is on a different website.
- Slide Start Date - Leave this field blank to show the banner immediately when it is enabled. Enter a start date and time if you want this banner to be automatically enabled at a specified time in the future. Click the calendar icon and use the date and time tabs in the calendar settings pop up to designate the start date and time.
- Slide End Date - Leave this field blank to keep your banner active until you manually disable it. Enter a value in this field if you want this banner to be automatically removed from being displayed at a specific date and time in the future. Click the calendar icon and use the date and time tabs in the calendar settings pop up to designate the end date and time.
- After making edits to your banner details, click the "Save Edits" button to apply all changes. You will then be returned to the banner Drafts list.
If you did not toggle the Enable switch in the banner details, your banner will still be in the Draft list. Don't forget to "Publish" the banner. Click the arrow next to Draft in the status column, and change the banner's mode from Draft to Published.
When you do that, if you have not entered start and end dates, publishing the banner will immediately display it on your store. If you have entered start and end dates, publishing the banner will ready it to be automatically displayed at the start date and time you designated. Your scheduled banner must appear in the Active tab as Published in order to be displayed at your configured start time.
A confirmation pop-up will appear. Click "Yes" to save or "No" to cancel publishing.
Click the Active tab to see all active banners. You can edit details of the banner regardless of whether it is in the Active or Draft list.
NOTE: Refresh the page or check on the store front end to see the edits made in Shop Manager.
-----END----
