Weebly Tricks #84 — ClassyCountdown Timer
Add a clean countdown timer to your Weebly site, created by Marius Stanciu.
Learn how to customize and modify your Weebly site with new effects, plugins, and widgets.
Welcome to My Weebly Tricks, a resource for Weebly site owners who want to go beyond the basics. Here you'll find step-by-step guides on adding image effects, slideshows, navigation scripts, text animations, countdown timers, and more — all tailored for the Weebly platform.
A contact page should do more than list a phone number and email address. An embedded Google Map helps visitors understand where your business sits, check whether a visit is practical and plan a trip without copying your details into another app. On a Weebly site, the map can sit beside an enquiry form, appear below opening hours or reinforce the area you serve.
This guide explains how to prepare your location, obtain Google’s embed code and add it through the Weebly editor. It works for both customer-facing addresses and service-area businesses, including regional operators whose map pin represents a base rather than every place they visit. You do not need coding experience; you do need permission to display the business location and a little care with contact details.
Start by opening your business listing in Google Maps and choosing the view that will help a visitor most. The standard map is usually best for directions, while Satellite and Street View can help people recognise a building or approach through a laneway. Choose Street View if the entrance is difficult to identify from the main street.
The pin should match the place customers are actually meant to visit. For a business near Melbourne’s Queen Victoria Market, for instance, use the verified street address and note the correct doorway in the surrounding text. If you work from home, avoid marking the front door as a public destination. Google lets service-area businesses show a service region instead, which suits a mobile service operating around Parramatta or across regional NSW.
Local customers often discover a business through a Google search and its Maps listing before reaching its website. Keep that listing consistent with Weebly: the business name, phone number, address and opening hours should match. An ABN is useful where relevant, and quoting work in Australian dollars makes your operating market clear. A .com.au address can support that local identity for businesses suited to it.
Write the address in the order Australians expect it: street or unit number, street name, suburb, state abbreviation and four-digit postcode. An illustrative entry might read “Level 2, 10 Sample Street, Parramatta NSW 2150”. For a site near a major transport hub or shopping precinct, add a recognised landmark. These details also help search engines interpret the location without guessing from a vague city name.
Match your stated hours to the state where the business operates, using local time rather than a generic Australian clock reference. Include a phone number in international format, such as +61 followed by the national number, and make sure it works when tapped. If your form collects personal information, explain what you collect and how you use it; the Australian Privacy Act 1988 and Australian Privacy Principles may apply. Google Maps is a separate service, so check its data and cookie practices instead of assuming your own privacy notice covers it.
Open the full Google Maps website in a desktop browser, locate the business and select Share. Choose “Embed a map”, then copy the supplied HTML. Keep the complete iframe block, including its opening and closing tags. The ordinary Copy link option may produce an address that opens Maps in a new tab, which is handy for a directions button but is not the same thing as an embedded map.
Before pasting anything, read the code once. Google normally supplies a width, a height, an iframe source and options for full-screen viewing. A width of 100% lets the map fit its Weebly section, while a height around 400 to 450 pixels provides enough room on a desktop without pushing the enquiry form far down the page. Retain the full-screen permission and the lazy-loading setting if those attributes are present.
In Weebly, open the site editor and go to Pages & Menus. Select your contact page and choose Edit. Move to the position where you want the map, then look for Embed Code in the Add menu; depending on the editor and theme, it may sit in an Advanced group. Paste Google’s HTML into the element’s code field. If the element provides a title or accessible-name field, describe the location instead of leaving it blank. Some themes use a Custom Code label for the same purpose.
Place the map beside the form in a two-column section on a wide screen, with a full-width map below on a narrow screen. Weebly’s responsive layouts usually handle that stacking for you. Add a plain “Find us” heading above it and keep the written address close by, so the map supports the details rather than replacing them. Check the reading order as well as the appearance: a keyboard user should reach the form, map and contact details in a sensible sequence.
Preview the page, publish it, and then test the published URL; a saved draft can behave differently from a live site. Refresh the page and scroll to the map to check that it loads on first view. If an empty box appears, confirm that the code begins with an iframe tag, ends with the matching closing tag and has not been split across fields. If your theme does not expose an embed field, ask Weebly support whether your plan supports iframe content.
Open the published contact page on an iPhone and an Android phone, not only in the desktop editor. A map wider than the phone’s screen can force sideways scrolling or squeeze the form into an unusable strip. Weebly often stacks columns automatically, but the map’s own width and height still need checking. Reduce the embedded height to roughly 320 or 360 pixels on small screens if the map takes over too much of the first view.
Add a separate Get directions button below the map so nobody has to drag the pin to start a journey. Spell out nearby transport options, parking limits and entrance instructions in text. Melbourne’s laneways, Sydney’s busy transport corridors and regional locations with long travel distances each call for a little local context. Where you travel to customers by appointment, identify the suburb on the map and label it clearly as your base rather than promising a walk-in location.
The map answers one part of a contact request. These additions make the remaining details easier for Australian customers to use:
Trust signals can sit beside the enquiry form as well. The review stars plugin shows how to add a review-stars element to Weebly, which can work well when the feedback is genuine and its source is clear. Avoid presenting a rating as a substitute for independent reviews; explain who supplied it and keep the display accurate. A small rating badge gives social proof, while your map, phone details and response times give practical confidence.
A published Google Map turns an abstract contact page into a place visitors can picture and reach. It helps someone confirm a suburb, build a route and decide whether to call, visit or send a brief enquiry. That usefulness depends on consistency: the pin, written address, opening hours, phone number and map link should all point to the same business. When those elements agree, a visitor can move from locating you to contacting you without repeating information.
Add the map to your Weebly contact page now: prepare the Google location, copy the embed code, paste it into the editor and publish the page. Test the result on your own phone and ask a colleague to find the entrance using the published map. If you serve customers beyond the suburb shown on the pin, state that clearly beside it. Publish the map with accurate details and give every visitor a straightforward way to get in touch.
Add a clean countdown timer to your Weebly site, created by Marius Stanciu.
A comparison of free and paid email accounts and the advantages of using a domain-based custom email.
Instructions on setting a free custom email address for your website within Weebly.
Configure your Weebly RSS feed so visitors can subscribe and receive email updates.
Details on a promotional offer for two months of free email hosting from Namecheap.
Subscribe for regular email updates and get access to new Weebly tips and tutorials.