Develop a simple Shopify app
Budget: $10 – $100 USD
I need everything to make it up/running so that i can put it up on the marketplace as FREE app;
I need to create a shopify app that is composed of 3 parts:
1) settings section inside of shopify, with a few inputs, toggle switch buttons such as
# text input wwhere the user will enter a token from our platform
# toggle switch, to turn on/off javascript insertion
# list of all payment methods available, next to it 1 text input and next to it a selector with 2 options percent/flat fee
# input text where the user will enter a number, of base TAX rate for the products
# toggle button if to send user data on the checkout or not
2) add this javascript in the header of every page
<script>
(function(f, a, s, h, i, o, n) {
f[i] = f[i] || function() {
(f[i].q = f[i].q || []).push(arguments);
};
f[i].q = f[i].q || [];
o = a.createElement(s);
n = a.getElementsByTagName(s)[0];
o.async = 1;
o.src = h;
o.onload = function() {
if (f[i].q) {
while(f[i].q.length) {
f[i].apply(null, f[i].q.shift());
}
}
};
n.parentNode.insertBefore(o,n);
})(window, document, 'script', 'https://storage.googleapis.com/tsjavascripthosting/tstrack.js', 'tsTracker');
</script>
3) add this javascript on the thank you page, values must be replaced with the respective data of the order
<script>
tsTracker(
'track',
'purchase',
{
token: 'TOKEN_ENTERED_IN_THE SETTINGS_TAB',
items: [
{item_id: "id1", quantity: X1 (numeric), price_per_item_without_vat: Y1 (numeric)},
{item_id: "id2", quantity: X2 (numeric), price_per_item_without_vat: Y2 (numeric)},
{item_id: "id3", quantity: X3 (numeric), price_per_item_without_vat: Y3 (numeric)}
],
// Price without VAT = Price with VAT / (1 + VAT rate)
order_total_without_vat: TOTAL_CART (numeric), // without shipping costs or applied discounts, must be numeric
order_shipping_total_without_vat: TOTAL_SHIPPING (numeric), // shipping costs without VAT
user_data: {
// this is optional, but the data is usefull it you are planning to use Facebook Conversion API for a better matchig, it is recommended if you want to you POAS in Facebook, for GDPR you must add it in TOS
email: "",
phone: "",
last_name: '',
first_name: ''
},
currency: 'RON',
transaction_id: 'ORDER_ID_OR_REFERENCE',
other_costs: 0, // if there are any other costs, for example packing price etc, without VAT
order_date: 'ORDER Placement date', // it should be exactly how its inserted in the database, not autogenerated with javascript, using the format Y-m-d H:i:s
}
);
</script>
Basically this:
===========
1. add a fixed javascript in the header of every page
2. add a dynamic javascript in the thank you page with data about the order, like the google ecommerce tracking
3. app dashboard, the user should be able to enter an account token from our external platform, and some other toggle options and inputs and depending on the user settings here the thank you page code is changed.
The app should be ready to publish to the shopify app store,
Thank You.
I need to create a shopify app that is composed of 3 parts:
1) settings section inside of shopify, with a few inputs, toggle switch buttons such as
# text input wwhere the user will enter a token from our platform
# toggle switch, to turn on/off javascript insertion
# list of all payment methods available, next to it 1 text input and next to it a selector with 2 options percent/flat fee
# input text where the user will enter a number, of base TAX rate for the products
# toggle button if to send user data on the checkout or not
2) add this javascript in the header of every page
<script>
(function(f, a, s, h, i, o, n) {
f[i] = f[i] || function() {
(f[i].q = f[i].q || []).push(arguments);
};
f[i].q = f[i].q || [];
o = a.createElement(s);
n = a.getElementsByTagName(s)[0];
o.async = 1;
o.src = h;
o.onload = function() {
if (f[i].q) {
while(f[i].q.length) {
f[i].apply(null, f[i].q.shift());
}
}
};
n.parentNode.insertBefore(o,n);
})(window, document, 'script', 'https://storage.googleapis.com/tsjavascripthosting/tstrack.js', 'tsTracker');
</script>
3) add this javascript on the thank you page, values must be replaced with the respective data of the order
<script>
tsTracker(
'track',
'purchase',
{
token: 'TOKEN_ENTERED_IN_THE SETTINGS_TAB',
items: [
{item_id: "id1", quantity: X1 (numeric), price_per_item_without_vat: Y1 (numeric)},
{item_id: "id2", quantity: X2 (numeric), price_per_item_without_vat: Y2 (numeric)},
{item_id: "id3", quantity: X3 (numeric), price_per_item_without_vat: Y3 (numeric)}
],
// Price without VAT = Price with VAT / (1 + VAT rate)
order_total_without_vat: TOTAL_CART (numeric), // without shipping costs or applied discounts, must be numeric
order_shipping_total_without_vat: TOTAL_SHIPPING (numeric), // shipping costs without VAT
user_data: {
// this is optional, but the data is usefull it you are planning to use Facebook Conversion API for a better matchig, it is recommended if you want to you POAS in Facebook, for GDPR you must add it in TOS
email: "",
phone: "",
last_name: '',
first_name: ''
},
currency: 'RON',
transaction_id: 'ORDER_ID_OR_REFERENCE',
other_costs: 0, // if there are any other costs, for example packing price etc, without VAT
order_date: 'ORDER Placement date', // it should be exactly how its inserted in the database, not autogenerated with javascript, using the format Y-m-d H:i:s
}
);
</script>
Basically this:
===========
1. add a fixed javascript in the header of every page
2. add a dynamic javascript in the thank you page with data about the order, like the google ecommerce tracking
3. app dashboard, the user should be able to enter an account token from our external platform, and some other toggle options and inputs and depending on the user settings here the thank you page code is changed.
The app should be ready to publish to the shopify app store,
Thank You.