Web Design in Auckland

Web Design in Auckland

477
views

website design in auckland|Our Studio front-end developer John share how to to use the preact-i18n library to add internationalization to your website. Let your website becomes multi-language site.

Marketplacefull stack developer Kevin wrote the post • 0 comments • 477 views • 2020-04-06 10:31 • added this tag no more than 24h

Hi ,I am john, a developer from website design in Auckland, NZ company local fern.
 In this article, you are going to use the preact-i18n library to add internationalization to your Preact application.

Step 1: Setup Preact CLI & Create new project

Side Note: If you are already familiar with Preact, you may skip to the next step.

If you haven't installed the Preact CLI on your machine, use the following command to install the CLI. Make sure you have Node.js 6.x or above installed.$ npm install -g preact-cli

Once the Preact CLI is installed, let's create a new project using the default template, and call it my-project.$ preact create default my-project

Start the development server with the command below:$ cd my-project && npm run start

Now, open your browser and go to http://localhost:8080, and you should see something like this on your screen:



Step 2: Add preact-i18n library
Install the preact-i18n library to your project using the command below:

$ npm install --save preact-i18n

preact-i18n is very easy to use, and most importantly, it's extremely small, around 1.3kb after gzipped. You can learn more about the library here: https://github.com/synacor/preact-i18n

Step 3: Create a definition file
Once you have the library installed, you will need to create a definition file, which you will store all the translate strings in a JSON file. 

In this case, you will need to save this file in src/i18n/zh-tw.json:{
"home": {
"title": "主頁",
"text": "這是個Home組件。"
}
}

Step 4: Import IntlProvider and definition file

Next, open the app.js file, which is located in the src/components folder. Then, import the IntlProvider and your definition file to the app.js file:import { IntlProvider } from 'preact-i18n';
import definition from '../i18n/zh-tw.json';

Step 5: Expose the definition via IntlProvider

After that, you will need to expose the definition file to the whole app via <IntlProvider>. By doing this, you will be able to read the definition file everywhere in the app.render() {
return(
<IntlProvider definition={definition}>
<div id="app" />
</IntlProvider>
);
}


At this moment, here's how your app.js file should looks like:import { h, Component } from 'preact';
import { Router } from 'preact-router';
import Header from './header';
import Home from '../routes/home';
import Profile from '../routes/profile';
// Import IntlProvider and the definition file.
import { IntlProvider } from 'preact-i18n';
import definition from '../i18n/zh-tw.json';
export default class App extends Component {

handleRoute = e => {
this.currentUrl = e.url;
};
render() {
return (
// Expose the definition to your whole app via <IntlProvider>
<IntlProvider definition={definition}>
<div id="app">
<Header />
<Router onChange={this.handleRoute}>
<Home path="/" />
<Profile path="/profile/" user="me" />
<Profile path="/profile/:user" />
</Router>
</div>
</IntlProvider>
);
}
}


Step 6: Use Text to translate string literals
 

You are almost done, now you just need to replace the text in the page with <Text>. In this case, you will need to update the content of the home page (src/routes/home/index.js) by adding the <Text> inside the <h1> and <p> tags.
import { Text } from 'preact-i18n';const Home = () => (
<div>
<h1>
<Text id="home.title">Home</Text>
</h1>
<p>
<Text id="home.text">This is the Home component.</Text>
</p>
</div>
);



export default Home;


Fallback Text
 

In order to prevent blank text being rendered in the page, you should set a fallback text to the <Text>. If you didn't include the definition for unknown.definition, the library will render any text contained within <Text>…</Text> as fallback text:
<Text id="unknown.definition">This is a fallback text.</Text>
// It will render this text: "This is a fallback text."

Localizer and MarkupText

If you want to translate the text of the HTML attribute's value (ie: placeholder="", title="", etc …), then you will need to use <Localizer> instead of <Text>.

However, if you want to include HTML markup in your rendered string, then you will need to use <MarkupText>. With this component, your text will be rendered in a <span> tag.

In the example below, you are going to add few more lines of code to your definition file. first_name and last_name will be used for the <Localizer>'s example, and link for the example for <MarkupText>.{
"first_name": "名",
"last_name": "姓",
"link": "這是個<a href='https://www.google.com'>連結</a>"
}


With this, you will able to use <Localizer> and <MarkupText> in the page. Please take note that you need to import Localizer and MarkupText to the src/routes/home/index.js file.import { Text, Localizer, MarkupText } from 'preact-i18n';
const Home = () => (
<div>
<Localizer>
<input placeholder={<Text id="first_name" />} />
</Localizer>
<Localizer>
<input placeholder={<Text id="last_name" />} />
</Localizer>
<MarkupText id="link">
This is a <a href="https://www.google.com">link</a>
</MarkupText>
</div>
);


export default Home;


Templating

If you want to inject a custom string or value into the definition, you could do it with the fields props.

First, you will need to update the definition file with the {{field}} placeholder. The placeholder will get replaced with the matched keys in an object you passed in the fields props.{
"page": "{{count}} / {{total}} 頁"
}

Next, you will need to add the fields attribute together with the value into the <Text />. As a result, your code should looks like this:import { Text } from 'preact-i18n';
const Home = () => (
<div>
<h2>
<Text id="page" fields={{ count: 5, total: 10 }}>
5 / 10 Pages
</Text>
</h2>
</div>
);


export default Home;


Pluralization

With preact-i18n, you have 3 ways to specific the pluralization values:"key": { "singular":"apple", "plural":"apples" }
"key": { "none":"no apples", "one":"apple", "many":"apples" }
"key": ["apples", "apple"]
For the next example, you will combine both pluralization and templating. First, you will need to update the definition file with the code below:
{
"apple": {
"singular": "Henry has {{count}} apple.",
"plural":"Henry has {{count}} apples."
}
}


Next, you will update the home page (src/routes/home/index.js) with the following code:import { Text } from 'preact-i18n';
const Home = () => (
<div>
<p>
<Text id="apple" plural={1} fields={{ count: 1 }} />
</p>
<p>
<Text id="apple" plural={100} fields={{ count: 100 }} />
</p>
</div>
);

export default Home;


With the method above, you will able to add pluralization and templating to your Preact application.

Dynamically import language definition file
In a real-world scenario, you would like to set the language site based on the user's choice, which is either based on the navigator.language or the user can change the site language on their own.

However, in order to prevent you from importing all the unnecessary definition files to the project, you can import the language definition file dynamically by using import(). By doing this, you can import the language definition file based on the user's choice.import { Component } from 'preact';
import { IntlProvider } from 'preact-i18n';
import defaultDefinition from '../i18n/zh-tw.json';
export default class App extends Component {
state = {
definition: defaultDefinition
}
changeLanguage = (lang) => {
// Call this function to change language
import(`../i18n/${lang}.json`)
.then(definition => this.setState({ definition }));
};
render({ }, { definition }) {
return (
<IntlProvider definition={definition}>
<div id="app" />
</IntlProvider>
);
}
}


In this case, you can call the this.changeLanguage('zh-TW') function to change the site language.

Who's using preact-i18n?
I am using preact-i18n for my side project: Remote for Slides.

Remote for Slides is a Progressive Web App + Chrome Extension that allows the user to control their Google Slides on any device, remotely, without the need of any extra hardware.

Remote for Slides Progressive Web App supports more than 8 languages, which includes: Català, English, Español, Euskera, Français, Polski, Traditional Chinese, and Simplified Chinese.

PS: if you looking for website design in Auckland, NZ. just leave a message to us.

In this side project, I am using the "dynamically import language definition file" method I mentioned earlier. This could prevent the web app from loading some unnecessary definition language files, thus this will improve the page performance.
  view all
Hi ,I am john, a developer from website design in Auckland, NZ company local fern.
 In this article, you are going to use the preact-i18n library to add internationalization to your Preact application.

Step 1: Setup Preact CLI & Create new project

Side Note: If you are already familiar with Preact, you may skip to the next step.

If you haven't installed the Preact CLI on your machine, use the following command to install the CLI. Make sure you have Node.js 6.x or above installed.
$ npm install -g preact-cli


Once the Preact CLI is installed, let's create a new project using the default template, and call it my-project.
$ preact create default my-project


Start the development server with the command below:
$ cd my-project && npm run start


Now, open your browser and go to http://localhost:8080, and you should see something like this on your screen:



Step 2: Add preact-i18n library
Install the preact-i18n library to your project using the command below:

$ npm install --save preact-i18n

preact-i18n is very easy to use, and most importantly, it's extremely small, around 1.3kb after gzipped. You can learn more about the library here: https://github.com/synacor/preact-i18n

Step 3: Create a definition file
Once you have the library installed, you will need to create a definition file, which you will store all the translate strings in a JSON file. 

In this case, you will need to save this file in src/i18n/zh-tw.json:
{ 
"home": {
"title": "主頁",
"text": "這是個Home組件。"
}
}


Step 4: Import IntlProvider and definition file

Next, open the app.js file, which is located in the src/components folder. Then, import the IntlProvider and your definition file to the app.js file:
import { IntlProvider } from 'preact-i18n';
import definition from '../i18n/zh-tw.json';


Step 5: Expose the definition via IntlProvider

After that, you will need to expose the definition file to the whole app via <IntlProvider>. By doing this, you will be able to read the definition file everywhere in the app.
render() {
return(
<IntlProvider definition={definition}>
<div id="app" />
</IntlProvider>
);
}



At this moment, here's how your app.js file should looks like:
import { h, Component } from 'preact';
import { Router } from 'preact-router';
import Header from './header';
import Home from '../routes/home';
import Profile from '../routes/profile';
// Import IntlProvider and the definition file.
import { IntlProvider } from 'preact-i18n';
import definition from '../i18n/zh-tw.json';
export default class App extends Component {

handleRoute = e => {
this.currentUrl = e.url;
};
render() {
return (
// Expose the definition to your whole app via <IntlProvider>
<IntlProvider definition={definition}>
<div id="app">
<Header />
<Router onChange={this.handleRoute}>
<Home path="/" />
<Profile path="/profile/" user="me" />
<Profile path="/profile/:user" />
</Router>
</div>
</IntlProvider>
);
}
}



Step 6: Use Text to translate string literals
 

You are almost done, now you just need to replace the text in the page with <Text>. In this case, you will need to update the content of the home page (src/routes/home/index.js) by adding the <Text> inside the <h1> and <p> tags.
import { Text } from 'preact-i18n';
const Home = () => ( 
<div>
<h1>
<Text id="home.title">Home</Text>
</h1>
<p>
<Text id="home.text">This is the Home component.</Text>
</p>
</div>
);




export default Home;


Fallback Text
 

In order to prevent blank text being rendered in the page, you should set a fallback text to the <Text>. If you didn't include the definition for unknown.definition, the library will render any text contained within <Text>…</Text> as fallback text:
<Text id="unknown.definition">This is a fallback text.</Text>
// It will render this text: "This is a fallback text."


Localizer and MarkupText

If you want to translate the text of the HTML attribute's value (ie: placeholder="", title="", etc …), then you will need to use <Localizer> instead of <Text>.

However, if you want to include HTML markup in your rendered string, then you will need to use <MarkupText>. With this component, your text will be rendered in a <span> tag.

In the example below, you are going to add few more lines of code to your definition file. first_name and last_name will be used for the <Localizer>'s example, and link for the example for <MarkupText>.
{ 
"first_name": "名",
"last_name": "姓",
"link": "這是個<a href='https://www.google.com'>連結</a>"
}



With this, you will able to use <Localizer> and <MarkupText> in the page. Please take note that you need to import Localizer and MarkupText to the src/routes/home/index.js file.
import { Text, Localizer, MarkupText } from 'preact-i18n';
const Home = () => (
<div>
<Localizer>
<input placeholder={<Text id="first_name" />} />
</Localizer>
<Localizer>
<input placeholder={<Text id="last_name" />} />
</Localizer>
<MarkupText id="link">
This is a <a href="https://www.google.com">link</a>
</MarkupText>
</div>
);



export default Home;


Templating

If you want to inject a custom string or value into the definition, you could do it with the fields props.

First, you will need to update the definition file with the {{field}} placeholder. The placeholder will get replaced with the matched keys in an object you passed in the fields props.
{
"page": "{{count}} / {{total}} 頁"
}


Next, you will need to add the fields attribute together with the value into the <Text />. As a result, your code should looks like this:
import { Text } from 'preact-i18n'; 
const Home = () => (
<div>
<h2>
<Text id="page" fields={{ count: 5, total: 10 }}>
5 / 10 Pages
</Text>
</h2>
</div>
);



export default Home;


Pluralization

With preact-i18n, you have 3 ways to specific the pluralization values:
"key": { "singular":"apple", "plural":"apples" }
"key": { "none":"no apples", "one":"apple", "many":"apples" }
"key": ["apples", "apple"]
For the next example, you will combine both pluralization and templating. First, you will need to update the definition file with the code below:
{
"apple": {
"singular": "Henry has {{count}} apple.",
"plural":"Henry has {{count}} apples."
}
}



Next, you will update the home page (src/routes/home/index.js) with the following code:
import { Text } from 'preact-i18n'; 
const Home = () => (
<div>
<p>
<Text id="apple" plural={1} fields={{ count: 1 }} />
</p>
<p>
<Text id="apple" plural={100} fields={{ count: 100 }} />
</p>
</div>
);


export default Home;


With the method above, you will able to add pluralization and templating to your Preact application.

Dynamically import language definition file
In a real-world scenario, you would like to set the language site based on the user's choice, which is either based on the navigator.language or the user can change the site language on their own.

However, in order to prevent you from importing all the unnecessary definition files to the project, you can import the language definition file dynamically by using import(). By doing this, you can import the language definition file based on the user's choice.
import { Component } from 'preact'; 
import { IntlProvider } from 'preact-i18n';
import defaultDefinition from '../i18n/zh-tw.json';
export default class App extends Component {
state = {
definition: defaultDefinition
}
changeLanguage = (lang) => {
// Call this function to change language
import(`../i18n/${lang}.json`)
.then(definition => this.setState({ definition }));
};
render({ }, { definition }) {
return (
<IntlProvider definition={definition}>
<div id="app" />
</IntlProvider>
);
}
}



In this case, you can call the this.changeLanguage('zh-TW') function to change the site language.

Who's using preact-i18n?
I am using preact-i18n for my side project: Remote for Slides.

Remote for Slides is a Progressive Web App + Chrome Extension that allows the user to control their Google Slides on any device, remotely, without the need of any extra hardware.

Remote for Slides Progressive Web App supports more than 8 languages, which includes: Català, English, Español, Euskera, Français, Polski, Traditional Chinese, and Simplified Chinese.

PS: if you looking for website design in Auckland, NZ. just leave a message to us.

In this side project, I am using the "dynamically import language definition file" method I mentioned earlier. This could prevent the web app from loading some unnecessary definition language files, thus this will improve the page performance.
 
431
views

ecommerce website design nz|Design an outstanding eCommerce website for your business, Delivery in 5 days, $590

MarketplaceMichela F wrote the post • 0 comments • 431 views • 2020-04-06 01:50 • added this tag no more than 24h

 
What you get with this item
 
I am a Professional web developer with 13 years of experience. Here I am offering you an professional eCommerce website.This is your chance to have your very own online store designed and built.Expect your website to be completely responsive and to look great on all devices. I can design your site to your specification, which will include the latest technology along with the most up-to-date design. Once built, you have control of the content,Images,Color Theme!

What you will get with this hourlie
-----------------------------------------------

A set of standard options including:

Design and Development of your website
Home page image slider
wooCommerce integration
Payment Gateway integration
Product upload (upto 100)
News posts
Contact form
Social media links (linking to your Facebook, Twitter or Linkedin accounts)
Site search
Google location map
Google Analytics Code Integration
Yoast plugin setup
 
 

  view all

 
What you get with this item
 
I am a Professional web developer with 13 years of experience. Here I am offering you an professional eCommerce website.This is your chance to have your very own online store designed and built.Expect your website to be completely responsive and to look great on all devices. I can design your site to your specification, which will include the latest technology along with the most up-to-date design. Once built, you have control of the content,Images,Color Theme!

What you will get with this hourlie
-----------------------------------------------

A set of standard options including:

Design and Development of your website
Home page image slider
wooCommerce integration
Payment Gateway integration
Product upload (upto 100)
News posts
Contact form
Social media links (linking to your Facebook, Twitter or Linkedin accounts)
Site search
Google location map
Google Analytics Code Integration
Yoast plugin setup
 
 

 
462
views

ecommerce website design nz|I will create ecommerce website with woocommerce, $25, I will install and setup woocommerce on your site . 3 Days Delivery

MarketplaceMichela F wrote the post • 0 comments • 462 views • 2020-04-06 01:45 • added this tag no more than 24h

 
 
 
 
 
 
 
 
 
 
 
About This Service:

Hi Everyone!
In this item, i am offering my services to create awesome ecommerce website.
I will build your online store in Wordpress. I can install and customize any Ecommece theme.
Specially I will :

Install Ecommerce theme
Install Woocommerce plugin
Setting up your basic ecommerce pages
Give 100% responsive layout
Setup different shipping options. 
Setting up payment gateways as per requirements
Contact page with Google Map
and much more . . 

Ecommerce site will have the following features
Open Source Documentation
Product Reviews
Payment gateway integration
Unlimited Products
Order tracking
Ratings Product Variations
Wish list System Social Media
SEO Plugins Installation
Sales Reports
Multiple Currency Options
Input Multiple Tax Rates
Related Products
Shipping Weight Calculation
Discount Coupon System
Unlimited Module Instance
High Security Integration
EBay, Amazon Affiliate system 
Sales Reports
Error Logging
Unlimited Categories

If you want us to install premium theme or plugin in your site you have to provide it or you can pay us for this. Also product uploading is not included in my all 3 packages.


Note : Discuss your website plan before placing any customized order . Thank you!
 
  view all
 
 
 
 
 
 
 
 
 
 
 
About This Service:

Hi Everyone!
In this item, i am offering my services to create awesome ecommerce website.
I will build your online store in Wordpress. I can install and customize any Ecommece theme.
Specially I will :

Install Ecommerce theme
Install Woocommerce plugin
Setting up your basic ecommerce pages
Give 100% responsive layout
Setup different shipping options. 
Setting up payment gateways as per requirements
Contact page with Google Map
and much more . . 

Ecommerce site will have the following features
Open Source Documentation
Product Reviews
Payment gateway integration
Unlimited Products
Order tracking
Ratings Product Variations
Wish list System Social Media
SEO Plugins Installation
Sales Reports
Multiple Currency Options
Input Multiple Tax Rates
Related Products
Shipping Weight Calculation
Discount Coupon System
Unlimited Module Instance
High Security Integration
EBay, Amazon Affiliate system 
Sales Reports
Error Logging
Unlimited Categories

If you want us to install premium theme or plugin in your site you have to provide it or you can pay us for this. Also product uploading is not included in my all 3 packages.


Note : Discuss your website plan before placing any customized order . Thank you!
 
 
494
views

Website Designer Auckland|I will design and develop responsive website for Auckland enterprises. $5 for Single page Responsive design crafted using HTML, CSS, Bootstrap.

MarketplaceAMY wrote the post • 0 comments • 494 views • 2020-04-01 06:03 • added this tag no more than 24h

 
 
WELCOME TO MY Service!
Are you looking for a professional and dynamic website to flourish your business and to elevate it to the new heights? You came to the right gig. My ambition is to provide matchless services at unbeatable price.

FEATURES INCLUDED:
I will provide you an elegant website which comes with the Following features.

100% Refund if not satisfied
A complete responsive design
Elegant website design and attractive layout
Best security with zero bugs
minimum page load time for excellent user-experience.
High quality
Web hosting and domain guidance
Multiple revisions until full satisfaction.
Support and Maintenance
FREE OFFERS:
With buying my gig, I will provide you following things for free

Free Manual guide.
Free transfer of website on your server 
Will create special video tutorial especially for you after completion, for your better understanding of the project.
Don't have a Mock-up or PSD?
No worries, I will cater all your needs.

 please reach me if you cannot find a package fulfilling your requirements and get a custom quotation.
 
Portfolios:
 


  view all

 
 
WELCOME TO MY Service!
Are you looking for a professional and dynamic website to flourish your business and to elevate it to the new heights? You came to the right gig. My ambition is to provide matchless services at unbeatable price.

FEATURES INCLUDED:
I will provide you an elegant website which comes with the Following features.

100% Refund if not satisfied
A complete responsive design
Elegant website design and attractive layout
Best security with zero bugs
minimum page load time for excellent user-experience.
High quality
Web hosting and domain guidance
Multiple revisions until full satisfaction.
Support and Maintenance
FREE OFFERS:
With buying my gig, I will provide you following things for free

Free Manual guide.
Free transfer of website on your server 
Will create special video tutorial especially for you after completion, for your better understanding of the project.
Don't have a Mock-up or PSD?
No worries, I will cater all your needs.

 please reach me if you cannot find a package fulfilling your requirements and get a custom quotation.
 
Portfolios:
 


 
499
views

Web Design in Auckland|I will build you a high converting dropshipping shopify store website, $95 for A - Z Video Course On Creating Niche Drop Ship Store + Premium Theme + Niche/Supplier Research!

MarketplaceAMY wrote the post • 0 comments • 499 views • 2020-04-01 05:49 • added this tag no more than 24h

 
 About us:
 
We are website and graphic design agency who use science to build and grow e-commerce/online businesses. Having run over 30 e-commerce and websites and been in the industry for the past 7 years, we have perfected our unique method to achieve incredible results not only for ourselves but also for our clients.
 
 
 
About This Item:

Do you want your own dropshipping Shopify Store set up by a U.K based certified Shopify Partner/Expert?




I have been in the dropshipping industry for 7 years and take Shopify & dropshipping stores from 0 to $6.9K within 20 days (see case study above). Scared of being left with a store, not knowing how to make sales? Well, I give you EXACTLY what I have used to make the sales.




Forget the myth that you need 100’s of products, fancy ads and get what you really need and works for us experts below…




★★★Basic Package Includes★★★




★ 4 hour video course





★★★Standard/Premium Packages Include★★★


★ Complete store set up including high converting elements used in all my stores which have come from 7 years of testing and backed up by data.

★ Premium Theme

★ Logo design

★ Top converting apps set up

★ Backend sales processes (auto abandon cart series etc.)

★ Full branding (you don’t want to build a store, you want to build a brand)

★ Drop Ship brand/supplier research

★ 1 advertising video ready to go

★ Plus many more features!





Don't Waste Your Precious Money on Testing to see what Works! Buy this gig now and get 100% Converting Store & Brand!
 
Our works:

 
 
 
 
  view all

 
 About us:
 
We are website and graphic design agency who use science to build and grow e-commerce/online businesses. Having run over 30 e-commerce and websites and been in the industry for the past 7 years, we have perfected our unique method to achieve incredible results not only for ourselves but also for our clients.
 
 
 
About This Item:

Do you want your own dropshipping Shopify Store set up by a U.K based certified Shopify Partner/Expert?




I have been in the dropshipping industry for 7 years and take Shopify & dropshipping stores from 0 to $6.9K within 20 days (see case study above). Scared of being left with a store, not knowing how to make sales? Well, I give you EXACTLY what I have used to make the sales.




Forget the myth that you need 100’s of products, fancy ads and get what you really need and works for us experts below…




★★★Basic Package Includes★★★




★ 4 hour video course





★★★Standard/Premium Packages Include★★★


★ Complete store set up including high converting elements used in all my stores which have come from 7 years of testing and backed up by data.

★ Premium Theme

★ Logo design

★ Top converting apps set up

★ Backend sales processes (auto abandon cart series etc.)

★ Full branding (you don’t want to build a store, you want to build a brand)

★ Drop Ship brand/supplier research

★ 1 advertising video ready to go

★ Plus many more features!





Don't Waste Your Precious Money on Testing to see what Works! Buy this gig now and get 100% Converting Store & Brand!
 
Our works:

 
 
 
 
 
463
views

website designer auckland|Our Studio will build a website and social presence, $770 for Wix Website - One Page, Social Media Starting Kit

MarketplaceAMY wrote the post • 0 comments • 463 views • 2020-04-01 05:30 • added this tag no more than 24h

 

 
 
 
 
About This Service
 
* Please contact us BEFORE placing your order *

Each order is unique and it requires a variety of questions and full content provided before accepting the custom offer or placing the order.


Hello,

welcome to the first step of building your business with us. We're a holistic studio devoted to start, develop & grow your business. With the individual and holistic approach, we're working together towards your goals to achieve the highest potential. 

About

In this item,  you will receive (depending on the chosen package):

Basic - Wix Website - One Page, Social Media Starting Kit 
Standard - Wix Website - Up to 5 pages, SM Strategy, SM Content Custom Kit 
Premium - Wix Website - Up to 8 pages, E-commerce, SM Strategy, SM Content Custom Kit

(contact us and ask for details)
We also provide additional services and custom orders to ensure you'll receive everything you require at this stage of your business. 
Looking forward to hearing from you!
* Please contact us BEFORE placing your order *
  view all
 

 
 
 
 
About This Service
 
* Please contact us BEFORE placing your order *

Each order is unique and it requires a variety of questions and full content provided before accepting the custom offer or placing the order.


Hello,

welcome to the first step of building your business with us. We're a holistic studio devoted to start, develop & grow your business. With the individual and holistic approach, we're working together towards your goals to achieve the highest potential. 

About

In this item,  you will receive (depending on the chosen package):

Basic - Wix Website - One Page, Social Media Starting Kit 
Standard - Wix Website - Up to 5 pages, SM Strategy, SM Content Custom Kit 
Premium - Wix Website - Up to 8 pages, E-commerce, SM Strategy, SM Content Custom Kit

(contact us and ask for details)
We also provide additional services and custom orders to ensure you'll receive everything you require at this stage of your business. 
Looking forward to hearing from you!
* Please contact us BEFORE placing your order *
 
477
views

website design in auckland|Our Studio front-end developer John share how to to use the preact-i18n library to add internationalization to your website. Let your website becomes multi-language site.

Marketplacefull stack developer Kevin wrote the post • 0 comments • 477 views • 2020-04-06 10:31 • added this tag no more than 24h

Hi ,I am john, a developer from website design in Auckland, NZ company local fern.
 In this article, you are going to use the preact-i18n library to add internationalization to your Preact application.

Step 1: Setup Preact CLI & Create new project

Side Note: If you are already familiar with Preact, you may skip to the next step.

If you haven't installed the Preact CLI on your machine, use the following command to install the CLI. Make sure you have Node.js 6.x or above installed.$ npm install -g preact-cli

Once the Preact CLI is installed, let's create a new project using the default template, and call it my-project.$ preact create default my-project

Start the development server with the command below:$ cd my-project && npm run start

Now, open your browser and go to http://localhost:8080, and you should see something like this on your screen:



Step 2: Add preact-i18n library
Install the preact-i18n library to your project using the command below:

$ npm install --save preact-i18n

preact-i18n is very easy to use, and most importantly, it's extremely small, around 1.3kb after gzipped. You can learn more about the library here: https://github.com/synacor/preact-i18n

Step 3: Create a definition file
Once you have the library installed, you will need to create a definition file, which you will store all the translate strings in a JSON file. 

In this case, you will need to save this file in src/i18n/zh-tw.json:{
"home": {
"title": "主頁",
"text": "這是個Home組件。"
}
}

Step 4: Import IntlProvider and definition file

Next, open the app.js file, which is located in the src/components folder. Then, import the IntlProvider and your definition file to the app.js file:import { IntlProvider } from 'preact-i18n';
import definition from '../i18n/zh-tw.json';

Step 5: Expose the definition via IntlProvider

After that, you will need to expose the definition file to the whole app via <IntlProvider>. By doing this, you will be able to read the definition file everywhere in the app.render() {
return(
<IntlProvider definition={definition}>
<div id="app" />
</IntlProvider>
);
}


At this moment, here's how your app.js file should looks like:import { h, Component } from 'preact';
import { Router } from 'preact-router';
import Header from './header';
import Home from '../routes/home';
import Profile from '../routes/profile';
// Import IntlProvider and the definition file.
import { IntlProvider } from 'preact-i18n';
import definition from '../i18n/zh-tw.json';
export default class App extends Component {

handleRoute = e => {
this.currentUrl = e.url;
};
render() {
return (
// Expose the definition to your whole app via <IntlProvider>
<IntlProvider definition={definition}>
<div id="app">
<Header />
<Router onChange={this.handleRoute}>
<Home path="/" />
<Profile path="/profile/" user="me" />
<Profile path="/profile/:user" />
</Router>
</div>
</IntlProvider>
);
}
}


Step 6: Use Text to translate string literals
 

You are almost done, now you just need to replace the text in the page with <Text>. In this case, you will need to update the content of the home page (src/routes/home/index.js) by adding the <Text> inside the <h1> and <p> tags.
import { Text } from 'preact-i18n';const Home = () => (
<div>
<h1>
<Text id="home.title">Home</Text>
</h1>
<p>
<Text id="home.text">This is the Home component.</Text>
</p>
</div>
);



export default Home;


Fallback Text
 

In order to prevent blank text being rendered in the page, you should set a fallback text to the <Text>. If you didn't include the definition for unknown.definition, the library will render any text contained within <Text>…</Text> as fallback text:
<Text id="unknown.definition">This is a fallback text.</Text>
// It will render this text: "This is a fallback text."

Localizer and MarkupText

If you want to translate the text of the HTML attribute's value (ie: placeholder="", title="", etc …), then you will need to use <Localizer> instead of <Text>.

However, if you want to include HTML markup in your rendered string, then you will need to use <MarkupText>. With this component, your text will be rendered in a <span> tag.

In the example below, you are going to add few more lines of code to your definition file. first_name and last_name will be used for the <Localizer>'s example, and link for the example for <MarkupText>.{
"first_name": "名",
"last_name": "姓",
"link": "這是個<a href='https://www.google.com'>連結</a>"
}


With this, you will able to use <Localizer> and <MarkupText> in the page. Please take note that you need to import Localizer and MarkupText to the src/routes/home/index.js file.import { Text, Localizer, MarkupText } from 'preact-i18n';
const Home = () => (
<div>
<Localizer>
<input placeholder={<Text id="first_name" />} />
</Localizer>
<Localizer>
<input placeholder={<Text id="last_name" />} />
</Localizer>
<MarkupText id="link">
This is a <a href="https://www.google.com">link</a>
</MarkupText>
</div>
);


export default Home;


Templating

If you want to inject a custom string or value into the definition, you could do it with the fields props.

First, you will need to update the definition file with the {{field}} placeholder. The placeholder will get replaced with the matched keys in an object you passed in the fields props.{
"page": "{{count}} / {{total}} 頁"
}

Next, you will need to add the fields attribute together with the value into the <Text />. As a result, your code should looks like this:import { Text } from 'preact-i18n';
const Home = () => (
<div>
<h2>
<Text id="page" fields={{ count: 5, total: 10 }}>
5 / 10 Pages
</Text>
</h2>
</div>
);


export default Home;


Pluralization

With preact-i18n, you have 3 ways to specific the pluralization values:"key": { "singular":"apple", "plural":"apples" }
"key": { "none":"no apples", "one":"apple", "many":"apples" }
"key": ["apples", "apple"]
For the next example, you will combine both pluralization and templating. First, you will need to update the definition file with the code below:
{
"apple": {
"singular": "Henry has {{count}} apple.",
"plural":"Henry has {{count}} apples."
}
}


Next, you will update the home page (src/routes/home/index.js) with the following code:import { Text } from 'preact-i18n';
const Home = () => (
<div>
<p>
<Text id="apple" plural={1} fields={{ count: 1 }} />
</p>
<p>
<Text id="apple" plural={100} fields={{ count: 100 }} />
</p>
</div>
);

export default Home;


With the method above, you will able to add pluralization and templating to your Preact application.

Dynamically import language definition file
In a real-world scenario, you would like to set the language site based on the user's choice, which is either based on the navigator.language or the user can change the site language on their own.

However, in order to prevent you from importing all the unnecessary definition files to the project, you can import the language definition file dynamically by using import(). By doing this, you can import the language definition file based on the user's choice.import { Component } from 'preact';
import { IntlProvider } from 'preact-i18n';
import defaultDefinition from '../i18n/zh-tw.json';
export default class App extends Component {
state = {
definition: defaultDefinition
}
changeLanguage = (lang) => {
// Call this function to change language
import(`../i18n/${lang}.json`)
.then(definition => this.setState({ definition }));
};
render({ }, { definition }) {
return (
<IntlProvider definition={definition}>
<div id="app" />
</IntlProvider>
);
}
}


In this case, you can call the this.changeLanguage('zh-TW') function to change the site language.

Who's using preact-i18n?
I am using preact-i18n for my side project: Remote for Slides.

Remote for Slides is a Progressive Web App + Chrome Extension that allows the user to control their Google Slides on any device, remotely, without the need of any extra hardware.

Remote for Slides Progressive Web App supports more than 8 languages, which includes: Català, English, Español, Euskera, Français, Polski, Traditional Chinese, and Simplified Chinese.

PS: if you looking for website design in Auckland, NZ. just leave a message to us.

In this side project, I am using the "dynamically import language definition file" method I mentioned earlier. This could prevent the web app from loading some unnecessary definition language files, thus this will improve the page performance.
  view all
Hi ,I am john, a developer from website design in Auckland, NZ company local fern.
 In this article, you are going to use the preact-i18n library to add internationalization to your Preact application.

Step 1: Setup Preact CLI & Create new project

Side Note: If you are already familiar with Preact, you may skip to the next step.

If you haven't installed the Preact CLI on your machine, use the following command to install the CLI. Make sure you have Node.js 6.x or above installed.
$ npm install -g preact-cli


Once the Preact CLI is installed, let's create a new project using the default template, and call it my-project.
$ preact create default my-project


Start the development server with the command below:
$ cd my-project && npm run start


Now, open your browser and go to http://localhost:8080, and you should see something like this on your screen:



Step 2: Add preact-i18n library
Install the preact-i18n library to your project using the command below:

$ npm install --save preact-i18n

preact-i18n is very easy to use, and most importantly, it's extremely small, around 1.3kb after gzipped. You can learn more about the library here: https://github.com/synacor/preact-i18n

Step 3: Create a definition file
Once you have the library installed, you will need to create a definition file, which you will store all the translate strings in a JSON file. 

In this case, you will need to save this file in src/i18n/zh-tw.json:
{ 
"home": {
"title": "主頁",
"text": "這是個Home組件。"
}
}


Step 4: Import IntlProvider and definition file

Next, open the app.js file, which is located in the src/components folder. Then, import the IntlProvider and your definition file to the app.js file:
import { IntlProvider } from 'preact-i18n';
import definition from '../i18n/zh-tw.json';


Step 5: Expose the definition via IntlProvider

After that, you will need to expose the definition file to the whole app via <IntlProvider>. By doing this, you will be able to read the definition file everywhere in the app.
render() {
return(
<IntlProvider definition={definition}>
<div id="app" />
</IntlProvider>
);
}



At this moment, here's how your app.js file should looks like:
import { h, Component } from 'preact';
import { Router } from 'preact-router';
import Header from './header';
import Home from '../routes/home';
import Profile from '../routes/profile';
// Import IntlProvider and the definition file.
import { IntlProvider } from 'preact-i18n';
import definition from '../i18n/zh-tw.json';
export default class App extends Component {

handleRoute = e => {
this.currentUrl = e.url;
};
render() {
return (
// Expose the definition to your whole app via <IntlProvider>
<IntlProvider definition={definition}>
<div id="app">
<Header />
<Router onChange={this.handleRoute}>
<Home path="/" />
<Profile path="/profile/" user="me" />
<Profile path="/profile/:user" />
</Router>
</div>
</IntlProvider>
);
}
}



Step 6: Use Text to translate string literals
 

You are almost done, now you just need to replace the text in the page with <Text>. In this case, you will need to update the content of the home page (src/routes/home/index.js) by adding the <Text> inside the <h1> and <p> tags.
import { Text } from 'preact-i18n';
const Home = () => ( 
<div>
<h1>
<Text id="home.title">Home</Text>
</h1>
<p>
<Text id="home.text">This is the Home component.</Text>
</p>
</div>
);




export default Home;


Fallback Text
 

In order to prevent blank text being rendered in the page, you should set a fallback text to the <Text>. If you didn't include the definition for unknown.definition, the library will render any text contained within <Text>…</Text> as fallback text:
<Text id="unknown.definition">This is a fallback text.</Text>
// It will render this text: "This is a fallback text."


Localizer and MarkupText

If you want to translate the text of the HTML attribute's value (ie: placeholder="", title="", etc …), then you will need to use <Localizer> instead of <Text>.

However, if you want to include HTML markup in your rendered string, then you will need to use <MarkupText>. With this component, your text will be rendered in a <span> tag.

In the example below, you are going to add few more lines of code to your definition file. first_name and last_name will be used for the <Localizer>'s example, and link for the example for <MarkupText>.
{ 
"first_name": "名",
"last_name": "姓",
"link": "這是個<a href='https://www.google.com'>連結</a>"
}



With this, you will able to use <Localizer> and <MarkupText> in the page. Please take note that you need to import Localizer and MarkupText to the src/routes/home/index.js file.
import { Text, Localizer, MarkupText } from 'preact-i18n';
const Home = () => (
<div>
<Localizer>
<input placeholder={<Text id="first_name" />} />
</Localizer>
<Localizer>
<input placeholder={<Text id="last_name" />} />
</Localizer>
<MarkupText id="link">
This is a <a href="https://www.google.com">link</a>
</MarkupText>
</div>
);



export default Home;


Templating

If you want to inject a custom string or value into the definition, you could do it with the fields props.

First, you will need to update the definition file with the {{field}} placeholder. The placeholder will get replaced with the matched keys in an object you passed in the fields props.
{
"page": "{{count}} / {{total}} 頁"
}


Next, you will need to add the fields attribute together with the value into the <Text />. As a result, your code should looks like this:
import { Text } from 'preact-i18n'; 
const Home = () => (
<div>
<h2>
<Text id="page" fields={{ count: 5, total: 10 }}>
5 / 10 Pages
</Text>
</h2>
</div>
);



export default Home;


Pluralization

With preact-i18n, you have 3 ways to specific the pluralization values:
"key": { "singular":"apple", "plural":"apples" }
"key": { "none":"no apples", "one":"apple", "many":"apples" }
"key": ["apples", "apple"]
For the next example, you will combine both pluralization and templating. First, you will need to update the definition file with the code below:
{
"apple": {
"singular": "Henry has {{count}} apple.",
"plural":"Henry has {{count}} apples."
}
}



Next, you will update the home page (src/routes/home/index.js) with the following code:
import { Text } from 'preact-i18n'; 
const Home = () => (
<div>
<p>
<Text id="apple" plural={1} fields={{ count: 1 }} />
</p>
<p>
<Text id="apple" plural={100} fields={{ count: 100 }} />
</p>
</div>
);


export default Home;


With the method above, you will able to add pluralization and templating to your Preact application.

Dynamically import language definition file
In a real-world scenario, you would like to set the language site based on the user's choice, which is either based on the navigator.language or the user can change the site language on their own.

However, in order to prevent you from importing all the unnecessary definition files to the project, you can import the language definition file dynamically by using import(). By doing this, you can import the language definition file based on the user's choice.
import { Component } from 'preact'; 
import { IntlProvider } from 'preact-i18n';
import defaultDefinition from '../i18n/zh-tw.json';
export default class App extends Component {
state = {
definition: defaultDefinition
}
changeLanguage = (lang) => {
// Call this function to change language
import(`../i18n/${lang}.json`)
.then(definition => this.setState({ definition }));
};
render({ }, { definition }) {
return (
<IntlProvider definition={definition}>
<div id="app" />
</IntlProvider>
);
}
}



In this case, you can call the this.changeLanguage('zh-TW') function to change the site language.

Who's using preact-i18n?
I am using preact-i18n for my side project: Remote for Slides.

Remote for Slides is a Progressive Web App + Chrome Extension that allows the user to control their Google Slides on any device, remotely, without the need of any extra hardware.

Remote for Slides Progressive Web App supports more than 8 languages, which includes: Català, English, Español, Euskera, Français, Polski, Traditional Chinese, and Simplified Chinese.

PS: if you looking for website design in Auckland, NZ. just leave a message to us.

In this side project, I am using the "dynamically import language definition file" method I mentioned earlier. This could prevent the web app from loading some unnecessary definition language files, thus this will improve the page performance.
 
431
views

ecommerce website design nz|Design an outstanding eCommerce website for your business, Delivery in 5 days, $590

MarketplaceMichela F wrote the post • 0 comments • 431 views • 2020-04-06 01:50 • added this tag no more than 24h

 
What you get with this item
 
I am a Professional web developer with 13 years of experience. Here I am offering you an professional eCommerce website.This is your chance to have your very own online store designed and built.Expect your website to be completely responsive and to look great on all devices. I can design your site to your specification, which will include the latest technology along with the most up-to-date design. Once built, you have control of the content,Images,Color Theme!

What you will get with this hourlie
-----------------------------------------------

A set of standard options including:

Design and Development of your website
Home page image slider
wooCommerce integration
Payment Gateway integration
Product upload (upto 100)
News posts
Contact form
Social media links (linking to your Facebook, Twitter or Linkedin accounts)
Site search
Google location map
Google Analytics Code Integration
Yoast plugin setup
 
 

  view all

 
What you get with this item
 
I am a Professional web developer with 13 years of experience. Here I am offering you an professional eCommerce website.This is your chance to have your very own online store designed and built.Expect your website to be completely responsive and to look great on all devices. I can design your site to your specification, which will include the latest technology along with the most up-to-date design. Once built, you have control of the content,Images,Color Theme!

What you will get with this hourlie
-----------------------------------------------

A set of standard options including:

Design and Development of your website
Home page image slider
wooCommerce integration
Payment Gateway integration
Product upload (upto 100)
News posts
Contact form
Social media links (linking to your Facebook, Twitter or Linkedin accounts)
Site search
Google location map
Google Analytics Code Integration
Yoast plugin setup
 
 

 
462
views

ecommerce website design nz|I will create ecommerce website with woocommerce, $25, I will install and setup woocommerce on your site . 3 Days Delivery

MarketplaceMichela F wrote the post • 0 comments • 462 views • 2020-04-06 01:45 • added this tag no more than 24h

 
 
 
 
 
 
 
 
 
 
 
About This Service:

Hi Everyone!
In this item, i am offering my services to create awesome ecommerce website.
I will build your online store in Wordpress. I can install and customize any Ecommece theme.
Specially I will :

Install Ecommerce theme
Install Woocommerce plugin
Setting up your basic ecommerce pages
Give 100% responsive layout
Setup different shipping options. 
Setting up payment gateways as per requirements
Contact page with Google Map
and much more . . 

Ecommerce site will have the following features
Open Source Documentation
Product Reviews
Payment gateway integration
Unlimited Products
Order tracking
Ratings Product Variations
Wish list System Social Media
SEO Plugins Installation
Sales Reports
Multiple Currency Options
Input Multiple Tax Rates
Related Products
Shipping Weight Calculation
Discount Coupon System
Unlimited Module Instance
High Security Integration
EBay, Amazon Affiliate system 
Sales Reports
Error Logging
Unlimited Categories

If you want us to install premium theme or plugin in your site you have to provide it or you can pay us for this. Also product uploading is not included in my all 3 packages.


Note : Discuss your website plan before placing any customized order . Thank you!
 
  view all
 
 
 
 
 
 
 
 
 
 
 
About This Service:

Hi Everyone!
In this item, i am offering my services to create awesome ecommerce website.
I will build your online store in Wordpress. I can install and customize any Ecommece theme.
Specially I will :

Install Ecommerce theme
Install Woocommerce plugin
Setting up your basic ecommerce pages
Give 100% responsive layout
Setup different shipping options. 
Setting up payment gateways as per requirements
Contact page with Google Map
and much more . . 

Ecommerce site will have the following features
Open Source Documentation
Product Reviews
Payment gateway integration
Unlimited Products
Order tracking
Ratings Product Variations
Wish list System Social Media
SEO Plugins Installation
Sales Reports
Multiple Currency Options
Input Multiple Tax Rates
Related Products
Shipping Weight Calculation
Discount Coupon System
Unlimited Module Instance
High Security Integration
EBay, Amazon Affiliate system 
Sales Reports
Error Logging
Unlimited Categories

If you want us to install premium theme or plugin in your site you have to provide it or you can pay us for this. Also product uploading is not included in my all 3 packages.


Note : Discuss your website plan before placing any customized order . Thank you!
 
 
494
views

Website Designer Auckland|I will design and develop responsive website for Auckland enterprises. $5 for Single page Responsive design crafted using HTML, CSS, Bootstrap.

MarketplaceAMY wrote the post • 0 comments • 494 views • 2020-04-01 06:03 • added this tag no more than 24h

 
 
WELCOME TO MY Service!
Are you looking for a professional and dynamic website to flourish your business and to elevate it to the new heights? You came to the right gig. My ambition is to provide matchless services at unbeatable price.

FEATURES INCLUDED:
I will provide you an elegant website which comes with the Following features.

100% Refund if not satisfied
A complete responsive design
Elegant website design and attractive layout
Best security with zero bugs
minimum page load time for excellent user-experience.
High quality
Web hosting and domain guidance
Multiple revisions until full satisfaction.
Support and Maintenance
FREE OFFERS:
With buying my gig, I will provide you following things for free

Free Manual guide.
Free transfer of website on your server 
Will create special video tutorial especially for you after completion, for your better understanding of the project.
Don't have a Mock-up or PSD?
No worries, I will cater all your needs.

 please reach me if you cannot find a package fulfilling your requirements and get a custom quotation.
 
Portfolios:
 


  view all

 
 
WELCOME TO MY Service!
Are you looking for a professional and dynamic website to flourish your business and to elevate it to the new heights? You came to the right gig. My ambition is to provide matchless services at unbeatable price.

FEATURES INCLUDED:
I will provide you an elegant website which comes with the Following features.

100% Refund if not satisfied
A complete responsive design
Elegant website design and attractive layout
Best security with zero bugs
minimum page load time for excellent user-experience.
High quality
Web hosting and domain guidance
Multiple revisions until full satisfaction.
Support and Maintenance
FREE OFFERS:
With buying my gig, I will provide you following things for free

Free Manual guide.
Free transfer of website on your server 
Will create special video tutorial especially for you after completion, for your better understanding of the project.
Don't have a Mock-up or PSD?
No worries, I will cater all your needs.

 please reach me if you cannot find a package fulfilling your requirements and get a custom quotation.
 
Portfolios:
 


 
499
views

Web Design in Auckland|I will build you a high converting dropshipping shopify store website, $95 for A - Z Video Course On Creating Niche Drop Ship Store + Premium Theme + Niche/Supplier Research!

MarketplaceAMY wrote the post • 0 comments • 499 views • 2020-04-01 05:49 • added this tag no more than 24h

 
 About us:
 
We are website and graphic design agency who use science to build and grow e-commerce/online businesses. Having run over 30 e-commerce and websites and been in the industry for the past 7 years, we have perfected our unique method to achieve incredible results not only for ourselves but also for our clients.
 
 
 
About This Item:

Do you want your own dropshipping Shopify Store set up by a U.K based certified Shopify Partner/Expert?




I have been in the dropshipping industry for 7 years and take Shopify & dropshipping stores from 0 to $6.9K within 20 days (see case study above). Scared of being left with a store, not knowing how to make sales? Well, I give you EXACTLY what I have used to make the sales.




Forget the myth that you need 100’s of products, fancy ads and get what you really need and works for us experts below…




★★★Basic Package Includes★★★




★ 4 hour video course





★★★Standard/Premium Packages Include★★★


★ Complete store set up including high converting elements used in all my stores which have come from 7 years of testing and backed up by data.

★ Premium Theme

★ Logo design

★ Top converting apps set up

★ Backend sales processes (auto abandon cart series etc.)

★ Full branding (you don’t want to build a store, you want to build a brand)

★ Drop Ship brand/supplier research

★ 1 advertising video ready to go

★ Plus many more features!





Don't Waste Your Precious Money on Testing to see what Works! Buy this gig now and get 100% Converting Store & Brand!
 
Our works:

 
 
 
 
  view all

 
 About us:
 
We are website and graphic design agency who use science to build and grow e-commerce/online businesses. Having run over 30 e-commerce and websites and been in the industry for the past 7 years, we have perfected our unique method to achieve incredible results not only for ourselves but also for our clients.
 
 
 
About This Item:

Do you want your own dropshipping Shopify Store set up by a U.K based certified Shopify Partner/Expert?




I have been in the dropshipping industry for 7 years and take Shopify & dropshipping stores from 0 to $6.9K within 20 days (see case study above). Scared of being left with a store, not knowing how to make sales? Well, I give you EXACTLY what I have used to make the sales.




Forget the myth that you need 100’s of products, fancy ads and get what you really need and works for us experts below…




★★★Basic Package Includes★★★




★ 4 hour video course





★★★Standard/Premium Packages Include★★★


★ Complete store set up including high converting elements used in all my stores which have come from 7 years of testing and backed up by data.

★ Premium Theme

★ Logo design

★ Top converting apps set up

★ Backend sales processes (auto abandon cart series etc.)

★ Full branding (you don’t want to build a store, you want to build a brand)

★ Drop Ship brand/supplier research

★ 1 advertising video ready to go

★ Plus many more features!





Don't Waste Your Precious Money on Testing to see what Works! Buy this gig now and get 100% Converting Store & Brand!
 
Our works:

 
 
 
 
 
463
views

website designer auckland|Our Studio will build a website and social presence, $770 for Wix Website - One Page, Social Media Starting Kit

MarketplaceAMY wrote the post • 0 comments • 463 views • 2020-04-01 05:30 • added this tag no more than 24h

 

 
 
 
 
About This Service
 
* Please contact us BEFORE placing your order *

Each order is unique and it requires a variety of questions and full content provided before accepting the custom offer or placing the order.


Hello,

welcome to the first step of building your business with us. We're a holistic studio devoted to start, develop & grow your business. With the individual and holistic approach, we're working together towards your goals to achieve the highest potential. 

About

In this item,  you will receive (depending on the chosen package):

Basic - Wix Website - One Page, Social Media Starting Kit 
Standard - Wix Website - Up to 5 pages, SM Strategy, SM Content Custom Kit 
Premium - Wix Website - Up to 8 pages, E-commerce, SM Strategy, SM Content Custom Kit

(contact us and ask for details)
We also provide additional services and custom orders to ensure you'll receive everything you require at this stage of your business. 
Looking forward to hearing from you!
* Please contact us BEFORE placing your order *
  view all
 

 
 
 
 
About This Service
 
* Please contact us BEFORE placing your order *

Each order is unique and it requires a variety of questions and full content provided before accepting the custom offer or placing the order.


Hello,

welcome to the first step of building your business with us. We're a holistic studio devoted to start, develop & grow your business. With the individual and holistic approach, we're working together towards your goals to achieve the highest potential. 

About

In this item,  you will receive (depending on the chosen package):

Basic - Wix Website - One Page, Social Media Starting Kit 
Standard - Wix Website - Up to 5 pages, SM Strategy, SM Content Custom Kit 
Premium - Wix Website - Up to 8 pages, E-commerce, SM Strategy, SM Content Custom Kit

(contact us and ask for details)
We also provide additional services and custom orders to ensure you'll receive everything you require at this stage of your business. 
Looking forward to hearing from you!
* Please contact us BEFORE placing your order *