JOSE JAVIER ZEPEDA SITE123 TEST

Part A: Build and Learn Section

The first task will be to create a website. Here are some basic instructions which you need
to follow. If you can’t find something on the website or are not sure how to do it, refer to our
Support Center and search for the relevant tutorial, as well as contact our online chat
support.
Along with these instructions, please make sure to explore the platform and add more
tools/pages. Your website end result is important.

1. Go to www.site123.com and create an account and website - select Business (make the
website in English).
2. Browse through the different Templates and select a different one from the one you
started with for your Homepage.
3. Edit your Homepage:
a. Edit your call-to-Action (Goals) and include one button with a redirect URL to
YouTube (in a new window), and a second button to scroll down to the Contact
page.
b. Edit the Button’s settings (three dots icon) and set the Button Style to Rounded.
4. Add two pictures to your Homepage Background and set the animation speed to 3
seconds. Set the Image Focus Point on mobile devices and make sure it’s to your
satisfaction.
5. Edit your Background Setting (gear icon) and add a shape divider, then change the Shape
Color to green.
6. Edit your Website Name and add a logo using the Logo Maker.
7. Edit the Contact page:
a. Include your email address, socials (Facebook - doesn’t have to be your personal
profile).
b. Add custom form fields that include date and a checkbox.
c. Change the text of the form's send button to DONE.
d. Add a custom thank you message.
8. Add a promo page that has a video.
9. Add a Custom Form Builder page, include the File Upload option and set the form to have
two steps.
10. Choose a different structure for your website so that the menu is displayed on the left side.
11. Customize the Menu structure, and set both the Header Font Style and the Header Size to
Normal.
12. Add a Team page and edit it to include three people in your team.
13. Add an E-commerce page:
a. Add three different categories to the existing ones in your store.
b. Include three products in each category.
c. Mark one of the products as a Digital File (mention which product).
d. Mark another product in a different category as On Sale (mention which product).
e. Add Color Product Options to one of the products in the third category you added
(mention which product).
14. Change the main currency of your E-commerce to GBP.
15. Hide the New Arrival section on your E-commerce Homepage.
16. Show one product from each category on the E-commerce Homepage.
17. Make sure the Product Box includes the Product Name, Price, Quick View button and Add
to Cart button.
18. Set shipping method on your E-commerce: add the United Kingdom as a new region
(remove Northern Ireland and Scotland from this region), and select Flat Rate shipping.
19. Set the measurements in your store to grams and inches. Then change the Store Labels
from Quick View to Quick Look, Learn More to More Details, Shop Now to Buy Now and
{{count_products}} Products to Items.
20. Add a Content page:
a. Add an image and edit it to have ALT text describing the photo.
b. Set the image as a link to the E-commerce page to open in a new window.
c. Upload a PDF or Word file and change the Title to “Click here to download”.
d. Set the phrase “This is a content page” as hyperlink to www.site123.com and to
open in a new tab.
21. Add a Gallery page and display the images in a carousel, auto-play with 5-second intervals.
Add one video to the Gallery using a YouTube link.
22. Add a Blog page and rename the post “How to Make Extra Money” to “8 Ways to Make
Extra Money”.
23. Change your website type to Multi-page.
24. Convert your About page to a Multi-section page and add three more sections to it.
25. Connect social networks to your website, both on the Menu Header and on the Footer.
26. Add a Floating Share Button and link to Twitter and LinkedIn (doesn’t have to be your
personal profile).
27. Add relevant SEO for your Homepage: title meta tag, short description and keywords.
28. Add a password to your website
29. Make sure that you explored and tested all of the following:
a. How to add new page and edit it, make sure to add and test the pages:
Services, Portfolio, Promo (there are different types), Image Comparison, Online
Courses, Events, Schedule Booking, Testimonials, Forum, Articles, File
Manager, Restaurant Menu, Restaurant Reservations, Pricing Table, Agenda,
Jobs, FAQ, Charts, Customers, Countdown, Timeline, Music Player,
Soundcloud.
b. Explore the App Market
c. How to edit your E-commerce (product options, options and attributes, shipping,
inventory, related products, design, payment methods, configuration options,
etc.)
d. How to use the Advanced Editor Tool inside the Content / About / Services /
Articles / Blog pages.
e. How to use the Free Image and Video library.
f. How to change your website’s language.
g. How to change your website’s structure.
h. How to change your website’s font and colors.
i. How to change Website Type (understand the difference between single page
and multi-page)
j. How to set SEO on your website
k. How to use the preview options for Mobile / Tablet / Desktop
l. How to set the website under construction.
m. How to add a Logo to your website
30. Publish your website
Part B: General Questions
Here you will find some general questions about the system, our pricing, and the website
builder field. Please answer these questions:

1. List 5 differences between Basic and Advance packages

- Advance package includes 30GB storage whereas Basic package includes 10GB.
- Advance package includes 15GB bandwidth whereas Basic package includes 5GB.
- Advance package includes 1000 messages in the email list.
- Advance package includes 2 mailboxes.
- Advance package includes one extra language.
- Advance package lets you remove the footer symbol of SITE123.
2. List 3 differences between Advanced and Professional packages
- Professional package includes 90GB storage whereas advance package includes
30GB.
- Professional package includes 45GB bandwidth whereas advance package includes
15GB.
- Professional package includes 5 mailboxes whereas advance package includes 2.
- Professional package includes 3 additional languages whereas advance package
includes 1.
3. If a customer wants to create an E-commerce, what would you ask them to know
which package to recommend?
I would ask them how big their business is or if they’re shipping worldwide, that would tell
me the number of visitors the website would have and the magnitude/scope of the sales in
general.
4. How to check your website’s Bandwidth usage?
You can check it on your Site123 homepage, on the left side on the screen, second box
from top to bottom, between domain and storage.
5. Name three gateway options that we offer to clients to charge on their website (not
the gateways we use, but which gateway the website owner can use to collect money
from their visitors)
Paypal, Amazon Pay, Stripe, Braintree, CreditGuard.
6. What SEO tools do we offer?
Facebook and Google Ads
7. What is the difference between Displayed Email and Email Receiver?
Displayed Email is the email shown on the contact info page, whereas Email Receiver is
the email that actually receives the emails sent through the contact form.
8. How to change the layout of a page?
You can change the layout of a specific page by going to the Pages option on the top bar,
on the left side menu, then browsing through your page list until you find the specific page
whose layout you want to change. Once you’re on it, notice the painting-like icon next to the
“Edit” option. Click on it, and you will be able to modify the layout of that specific page.
You can also change the layout of your whole website by going to the Layout option on the
top bar, on the left side of the menu, then choosing the option labeled “Colors”. Once you
 click on it you will be displayed various layout colors and combinations in order to choose
the one you find your favorite.
9. How to restore a deleted page?
Go to the Pages option on the left side menu of the top bar on your dashboard. Once you
click a menu will show up which will display the pages from your website. On top of the list,
there’s an orange button labeled “Add a new Page”, and just right to it there’s a Recycling-
icon. Click on the icon to access the pages you’ve deleted and, once you find the page you
deleted, click on the Restore icon to restore it.
10. How to restore a deleted website?
Click My Sites to go to your main dashboard. Once there, click next to the “Filter” option to
select the Active button. Select Deleted from the list to see all of the deleted websites on
your account. Next, click the website you want to restore and you will be taken to the
dashboard.
11. What are MX records and what are they used for?
Its an option used to resend the emails sent to your website to your Site123 email account,
in order for users to use the email account created on the platform. It must be used when
domains aren’t managed by site123’s server names.
12. Which Google plugins can help with SEO?
Google AdSense and Google Webmaster Tools.
13. How to set the website as under construction?
On your dashboard, click on the option labeled “Settings”. Once clicked, choose the option
labeled “Website Access”. Next, click on the “Under Construction” option and follow the
steps provided in order to set-up your under construction site.

Part C: Your general impression + pros and cons

Now that you worked with our platform, please compare your experience with other
platforms and write down:

1. Pros and cons of SITE123 platform (use bulletins)

PROS CONS
 Easy to use interface.  Doesn’t allow custom code (this
 A lot of available options to edit. isn’t necessarily a con, unless
 Steps to follow in order to setup you want a sharp and better
advanced settings on the page SEO results).
are easy to follow.  Some templates and
 Menus and actions are full of environment behaviors are not
visual guides and images to editable by the user.
assist modifying the website.  You must be a pro user to use
 A lot of visually attractive custom colors.
images included as part of the  You must be a pro user to set
free bundle, as well as a lot of your own domain.
amazing templates to choose  The layout menu when editing
from. Pages layouts through the
  Cheap, the bandwidth site123 Pages Menu (not from Layout
offers is way above higher than menu) doesn’t show the layout’s
the average of a hosting images.
service.  No other negative thing was
 No coding experience needed. found.
 A lot of menus and tools to
modify many things of the
website.
 Elegant, yet simple to edit
templates.

2. Your overall impression of the system (please elaborate)

I found it really entertaining to create my own website and to follow-up the tasks given
during the first part of the test. Not only was it easy for me to find most of the things the
instructions told me to find, but it was easy as well to edit them and modify them. I liked that
this platform offered a lot more tools to edit than other platforms like Wix and Wordpress. I
certainly admired the amount of editable aspects of a Website Site123 has to offer, since
many of the good things it provides are hard to code or to include in other platforms, and
site123 does it nicely (like the carrousel image display in a gallery page). I liked it, but since
I know web development myself (I am myself finishing a couple courses on Html and
JavaScript), I prefer to code my website by myself. However, if I were to use a website
builder platform, I’d definitely go with site123, not only because of the options available to
me to personalize, but also because of the included domain prices and accessibility.
3. Features/tools that were missing for you when you built your site (use bulletins)
 Ability to edit the main code in order to further modify certain behaviors from
elements in the website (like buttons, pop-ups, videos).
I don’t need to add anything else since, for me, that’s the only thing it needs to be
perfect (and because I’m an avid coder).

Part D: Writing task

Since you will be chatting with customers online, you need to write clear and to the point
explanations. Reply to these questions as if you were chatting with a client online.
Please write your answers in English and any other language you’re proficient in.

1. “How to save the changes I made on my website?”

Whenever you’re working with individual pages, make sure to click Save on the bottom part
of the menu. Otherwise, all changes are saved automatically in the system and will only be
published when you click the Publish button.
2. “I’m done editing. How do I get my website online?”
In the main window on the Website Editor, click on Publish on the top right corner. You will
be asked whether you’re sure or not of the changes you made, click Yes.
3. “How can I get my website to show on Google?”
You must edit the SEO’s meta-information. To do so, go to the page you want to be shown
on Google, click on the settings icon and modify the meta-information requested. You can
 add meta-tags and meta-titles that can include words that the Google Search Engine can
match to your website.
4. “How can I find my website address or the link to my page?”
On your Website Dashboard, on the left side of the screen, on the second box from the top
to the bottom, you’ll find your website address on the “Domain” section.
5. “Why should I upgrade my website from the free plan?”
You should upgrade in order to get additional bonus features that not only make your
editing tasks easier, but also more complete. By upgrading you get access to a handful of
editable options that free users don’t have access too, as well as a bigger storage and
bandwidth for your customers to reach you. Also, consider choosing the 12-month plan so
you can get a custom domain for free for 1 year, which is an excellent way of getting your
brand known and stablished.
6. “I want a 3-month premium plan - do I get a free domain name?”
Unfortunately, no. Free domain names are included only on 12-months premium plans.
7. “I have a domain name from another provider - can I connect it with my website?”
In order to connect your domain name from another provider, you need to select any of our
plans, from the Basic, to the Golden one. Free users cannot connect their custom domains,
unfortunately.
8. “I want to add pictures - where can I do this and how?”
Once you created your page and you have added it, you can go to the Visual Editor on your
right and look for the default content that is added to your page when you create it. Once
you find it, hover your cursor over the content and find the Edit option. Once you edit it,
you’ll be able to add images to the text displayed. Some layouts, like Galleries, make
image-uploading easier by offering you a direct option to Upload an image once you create
the page using that layout.
9. “I want to sell my digital book. How can I do this?”
I would recommend you to set-up a website that includes, not only your contact information
and some of your career background as a writer, but also an e-commerce page where you
can upload your book’s info, price, shipping details and any other additional information for
people who visit your website that could become potential buyers. You’d have to add some
options once you set your E-commerce page, though, as you will need to add the product’s
specifications like it’s size and weight (if the book will be shipped), and if a digital copy will
be sent along the purchase, you need to make sure that the file you send to the buyer is
protected in order to prevent illegal or external trading of the book.
10. “How can I see a preview of my website on mobile?”
On the main screen on your Website Editor page, on the top bar, in the center of the
window, there’s an icon that shows the display you’re currently seeing the website in. Click
on it and then choose mobile in order to get a preview of your website on a mobile display.
11. “How do I change the language on my website to French?”
Hi! In order to change the language of your website to French, you need to go to the top
bar on your Website Editor page, under the Settings menu, and you have to choose the
option Website Languages. Once you click on the option, you will be shown a list of
languages you can add or set your website to.
 12. ““I want to hide a page on my website so that only I can see it, not my visitors. How
can I do that?”
On the Website Editor menu, on the top bar, choose the Pages option in order for the
Pages list to be shown. Next, click on the settings icon next to the page you want to modify
the access users have to it. Once you click on the settings icon, click on “Hide page for all
users”, once you click on the option, click on Save or Publish so your website is updated
and the page is hidden from users.
13. “What should I do to receive my contact form messages to my email address?”
Go to the page where your contact form is located at and choose the Settings option next
to its name on the page list shown on the left-side of the screen. Once the Settings window
opens, go to the option labeled “Email List”. Here, you can add the email where you want to
receive your contact forms into. Notice that you can add up to 5 different email address to
receive the contact forms.
14. ““I need to add an option to pay by debit/credit card. What package would I need to
upgrade?”
You can pay using a Debit/Credit card once you upgrade to any of our packages, from our
Basic Package option, up until our Golden Package option. You can also use the credit
card/debit card option to pay any of our plans, from the 3-month plan to the 12-month plan.
15. “I have one free site123 website. Can I make more than one website and if so, how?”
Yes! You can make more than one website even if you have a free plan. Keep in mind that
the second website will be limited to the Free Package features, as well as the first free site
you created.
In order to create a new website, go to your Main Dashboard, where your website options
are displayed. On the top bar of the screen, on the right side, right next to “Account”,
there’s an option labeled “New Website”. Click on the option and follow the instructions to
have another website made.

When you’re done, send your answers, website URL and password to [email protected].