Home » Web Tutorials » Web Design » How to Create a Free Mobile Site With Dudamobile?

How to Create a Free Mobile Site With Dudamobile?

Dudamobile offers a simple drag and drop mobile editor to convert your desktop site to a mobile site in minutes. Following are the free features offered by Dudamobile:

  • Simple Drag and Drop Elements.
  • Auto Sync with Your Desktop Site.
  • Simple to Set Redirect.
  • Easy to enable Google Analytics.
  • Simple to Integrate AdSense.
  • Optimized for all smart phones.
  • Mobile Preview with Web Browsers.
  • Simple Templates for selection.
  • Easy to integrate social elements.
Create Mobile Site With Dudamobile
Create Mobile Site With Dudamobile

How to Create a Mobile Site With Dudamobile?

Simply go to Dudamobile website, enter your website URL, select category and click on Mobilize button to create your free mobile site. It may take few minutes to convert your desktop site into a mobile compatible site. This mobile site conversion process includes analyzing your desktop site, validate mobile elements and importing content to dudamobile site editor. Learn more about mobile site conversion here.

Dudamobile Site Conversion
Dudamobile Site Conversion

Once your site is imported to a mobile friendly site in dudamobile editor then the remaining whole process consists of four simple steps.

Step 1 – Select Your Mobile Site Layout

Dudamobile offers five types of layouts with multiple options for color customization. Choose your layout that suits your site design and customize the color according to your requirement. You can see the preview of your mobile site instantly in the same browser window after every customization to feel the look of your site in a real smart phone.

Layout and Color Customization in Dudamobile
Layout and Color Customization in Dudamobile

Step 2 – Edit Your Site

Here is the dudamobile site editor allows you to edit each element of your mobile site. You can add a logo, customize your navigation links and an option to enable sync with your desktop site. Sync can be enabled for a particular page or as a whole site to auto sync with your desktop site.

Edit Site in Dudamobile Editor
Edit Site in Dudamobile Editor

Premium features are highlighted in the elements to differentiate between free elements. Google AdSense is a premium feature in Dudamobile but you can add your existing AdSense codes in your mobile site.

Dudamobile - Drag & Drop Elements
Dudamobile – Drag & Drop Elements

Step 3 – Preview and Publish Your Mobile Site

Once you are done with editing your site, clicking on the “Go Live” will publish your mobile site to the web. You can see your mobile site URL which can be shared instantly via social networking or send to your mailbox.

Publish Your Dudamobile Site
Publish Your Dudamobile Site

You can preview your site in the desktop web browser for the various smart phone models with rotation option before you redirect your desktop site to your mobile site.

Test Your Mobile Site
Test Your Mobile Site

Step 4 – Setup Redirect

The last step is to setup redirect in your desktop site to guide mobile users to your dudamobile site. You need to paste the redirect code in the head tag of your home page.

Redirect Setup for Dudamobile
Redirect Setup for Dudamobile

Other Features – Statistics and Analytics

Integrating Google Analytics is an simple step in dudamobile – just add Analytics account id in the settings tab and then your “stats” tab will show all the statistical data for your mobile site exclusively.

Enable Google Analytics in Dudamobile Site
Enable Google Analytics in Dudamobile Site
Show Site Statistics for Dudamobile Site
Show Site Statistics for Dudamobile Site

Dudamobile Premium Features:

Dudamobile offers the following premium features starting from USD 9 per month.

  • Add Click to Call and Mobile Map with direction to your mobile site
  • Drag and Drop Google AdSense Element and apply for AdSense
  • Custom Mobile URL and Email Support
  • Unlimited Bandwidth and Pages
  • No Ads and No Free Footer
  • PayPal and Google Checkout Integration
  • Restaurant Menu and Yelp Reviews Element

How to Enable Google AdSense in Free Dudamobile Site?

Google AdSense element is a premium feature in dudamobile but you have two more options to enable your existing AdSense ad code in your free dudamobile mobile site.

Option 1 – Use Custom HTML Element

Drag and drop the custom HTML element available under “Edit Site” tab into your mobile site. Paste your AdSense ad code inside the custom HTML element to enable ads in your mobile site. This way you can display ads wherever you want in your side.

Enable AdSense in Free Dudamobile Site Using HTML Element
Enable AdSense in Free Dudamobile Site Using HTML Element

Option 2 – Use Page Settings

Under Page Settings add your AdSense code in the Advanced section. This will enable the ads to be displayed on top of your mobile site.

Enable AdSense in Free Dudamobile Site Using Page Settings
Enable AdSense in Free Dudamobile Site Using Page Settings

Leave a Comment

Your email address will not be published. Required fields are marked *