How to Build Your Mobile Website Using Dudamobile

Step-by-Step Guide

1. 1

   Step 1: After you’ve successfully created an account with Dudamobile

   Click on the “Create New Site button” on the dashboard page to begin your new site.
2. 2

   Step 2: you’ll be directed to your Dudamobile dashboard.

   This option is to be used if you do not have a website or if you’d like to build a different mobile website than your desktop site. , Once you’ve chosen your category, select a template from the options that appear.
   
   Template specifications and attributes will appear in a pop-up window after you’ve clicked on the template. , Do Not include spaces or symbols. , This step is optional. ,,,,,,,,,, Under the Content section, you will be able to drag and drop the features of your choice directly onto the Inline Editor to add the feature to your site. ,,,, Selecting one of these types will allow you to preview the layout design of the navigation menu before continuing. ,,,, Select a color to adjust and you will have various options to choose from to replace the original color.
   
   You can adjust the transparency using the Opacity meter.
   
   If you select the “More Colors” option at the bottom of this window, you will have the ability to choose from a wider selection of colors or input the HEX or RGB codes.
   
   Once you’ve chosen the color, select “Done” to complete. , To select a picture from the web, choose the “By URL” option and select “Done” to complete.
   
   If you’d like to upload an image from your computer, select the “Uploaded” tab and then choose a .JPG, .PNG, or .GIF file that is smaller than 4MB to upload.
   
   Once you’ve uploaded your picture, go to the “Position” tab to position how you want your image to appear on the background.
   
   Select “Done” once finished. , To add a custom image, select “Image Header” from the dropdown menu and upload an image of your choice.
   
   You can crop, resize or align the image once it’s been selected.
   
   If you’d like to add a text header, select “Text Header” from the dropdown menu and enter the text, as you’d like it to appear.
   
   You can edit the color, position, background color and various other formatting options before saving the header.
3. 3

   Step 3: A pop-up window will appear in your browser

4. 4

   Step 4: select the “CREATE: Start with a Duda Template” option.

5. 5

   Step 5: A list of template categories will appear

6. 6

   Step 6: select the category that fits your industry needs for the site.

7. 7

   Step 7: After you’ve selected the template of your choice

8. 8

   Step 8: enter the name of your website.

9. 9

   Step 9: if you have a Facebook page that corresponds with this website

10. 10

    Step 10: enter the Facebook URL to import content information from the page.

11. 11

    Step 11: Select “Create My Site” to begin building your site.

12. 12

    Step 12: Build Your Mobile Site

13. 13

    Step 13: Dudamobile offers a simple drag-and-drop site builder

14. 14

    Step 14: which makes customization easy.

15. 15

    Step 15: In the Editor

16. 16

    Step 16: click the “Add Page” button on the left side to create a page for your Dudamobile site.

17. 17

    Step 17: You started a new mobile website so select the type of page you would like to create from the list of template pages.

18. 18

    Step 18: After selecting the page type

19. 19

    Step 19: name the page and select “Add Page.” This name will appear in your navigation menu and URL as the page title you’ve chosen.

20. 20

    Step 20: The page is now created.

21. 21

    Step 21: To edit the page you’ve just created or any others

22. 22

    Step 22: select the page title on the left navigation bar of your Editor.

23. 23

    Step 23: Under the Page Info section

24. 24

    Step 24: you will be able to option SEO

25. 25

    Step 25: edit the page link

26. 26

    Step 26: and select the page icon.

27. 27

    Step 27: On the right hand side of the Editor page

28. 28

    Step 28: you will see a preview of your mobile website known as the Inline Editor.

29. 29

    Step 29: You can remove or edit the content by clicking on it in the Inline Editor and selecting from “Delete

30. 30

    Step 30: ” or “Edit.”

31. 31

    Step 31: Button Layout: If you’d like to change the style of your navigation menu

32. 32

    Step 32: here’s how:

33. 33

    Step 33: From your Editor page

34. 34

    Step 34: select “Design” and then select “Layout.”

35. 35

    Step 35: Once you’ve been redirected to the Layout page

36. 36

    Step 36: select one of the navigation types: Bottom

37. 37

    Step 37: Expanding

38. 38

    Step 38: Matrix

39. 39

    Step 39: or Top.

40. 40

    Step 40: Select the navigation type of your choice to complete.

41. 41

    Step 41: You have the ability to select the standard color scheme you’d like your website to have.

42. 42

    Step 42: After you’ve selected that color palette for your website

43. 43

    Step 43: click on “Customize” to adjust the color shades.

44. 44

    Step 44: A pop-up window will appear called “Customize Color Palette

45. 45

    Step 45: ” which you will use to customize the colors.

46. 46

    Step 46: Customize Background If you’d like to add a site background image

47. 47

    Step 47: return to the Style tab under the Design window and select “Choose” under the Site Background heading.

48. 48

    Step 48: Header You can edit your header by going back to your Design screen in the Editor and selecting “Header.” You can create a text header or an image header.

Detailed Guide

About the Author