🔍 améliore les meta et le contenu du simulateur auto-entrepreneur
Johan Girod
parent
2e350dd5ed
commit
ee27369a13
|
|
@ -0,0 +1,8 @@
|
|||
import emojiFn from 'react-easy-emoji'
|
||||
type PropType = {
|
||||
emoji: string
|
||||
}
|
||||
|
||||
export default function Emoji({ emoji }: PropType) {
|
||||
return emojiFn(emoji)
|
||||
}
|
||||
|
|
@ -1,5 +1,5 @@
|
|||
import React from 'react'
|
||||
import Helmet from 'react-helmet'
|
||||
import { Helmet } from 'react-helmet'
|
||||
|
||||
type PropType = {
|
||||
title: string
|
||||
|
|
|
|||
|
|
@ -355,7 +355,7 @@ comparaisonRégimes:
|
|||
infobulles:
|
||||
AS: Pension calculated for 172 quarters contributed to the general scheme with
|
||||
no change in income.
|
||||
auto: Pension calculated for 172 quarters of self-employed contributions with no
|
||||
auto: Pension calculated for 172 quarters of auto-entrepreneur contributions with no
|
||||
change in income.
|
||||
indep: Pension calculated for 172 quarters of contributions to the self-employed
|
||||
scheme with no change in income.
|
||||
|
|
@ -805,6 +805,14 @@ page:
|
|||
documentation:
|
||||
title: Documentation
|
||||
pages:
|
||||
common:
|
||||
ressources-auto-entrepreneur:
|
||||
FAQ: <0><0>Frequently Asked Questions</0><1>An exhaustive and up-to-date list of
|
||||
all the frequently (and less frequently) asked questions that you may
|
||||
have as an auto-entrepreneur (in french).</1></0>
|
||||
impôt: <0><0>How to declare your income?</0><1>Official
|
||||
information from the tax authorities concerning auto-entrepreneurs and
|
||||
the micro-enterprise scheme (in french).</1></0>
|
||||
dévelopeurs:
|
||||
bibliothèque: '<0>Integrate our calculation library</0><1>If you think that your
|
||||
site or service would benefit from displaying salary calculations, for
|
||||
|
|
@ -886,6 +894,44 @@ pages:
|
|||
simulator language.</3>
|
||||
module: What module?
|
||||
simulateurs:
|
||||
auto-entrepreneur:
|
||||
meta:
|
||||
description: Calculation of your income based on turnover, after deduction of
|
||||
contributions and income tax.
|
||||
ogDescription: 'Thanks to the auto-entrepreneur income simulator developed by
|
||||
URSSAF, you can estimate the amount of your income based on your
|
||||
monthly or annual turnover to better manage your cash flow. Or in the
|
||||
opposite direction: to know what amount to invoice to achieve a
|
||||
certain income.'
|
||||
ogTitle: 'Auto-entrepreneur: quickly calculate your net income from sales and
|
||||
vice versa'
|
||||
titre: 'Auto-entrepreneurs: income simulator'
|
||||
seo explanation: '<0>How do you calculate the net income for an
|
||||
auto-entrepreneur?</0><1>An auto-entrepreneur has to pay social
|
||||
security contributions to the administration (also known as
|
||||
"social charge"). These social contributions are used to finance
|
||||
social security, and give rights for retirement or health insurance.
|
||||
They are also used to finance vocational training.</1><2><0></0> <2>See
|
||||
details of how the contributions are calculated</2></2><3>But this is
|
||||
not the only expense: to calculate net income, one must also take into
|
||||
account all expenses incurred in the course of the professional activity
|
||||
(assets, raw materials, premises, transport). Although they are not
|
||||
useful for the calculation of contributions and taxes, they must be
|
||||
taken into account to estimate the viability of one''''s
|
||||
activity.</3><4>The complete calculation formula is therefore:<1><0>Net
|
||||
income = Turnover - Social contributions - Professional
|
||||
expenses</0></1></4><5>How to calculate income tax for an auto-entrepreneur
|
||||
?</5><6>If you opted for the flat-rate payment when you set up
|
||||
your business, income tax is paid at the same time as
|
||||
social security contributions.</6><7><0></0> <2>See how the amount of
|
||||
the flat-rate tax is calculated</2></7><8>Otherwise, you will be taxed
|
||||
according to the standard income tax schedule. The taxable income is
|
||||
then calculated as a percentage of turnover. This is called the lump-sum
|
||||
allowance. This percentage varies according to the type of activity
|
||||
carried out. It is said to be lump-sum because it does not take into
|
||||
account the actual expenses incurred in the activity.</8><9><0></0>
|
||||
<2>See details of the calculation of the income allowance for an auto-entrepreneur</2></9><10>Useful resources</10><11><0></0></11>'''
|
||||
titre: Auto-entrepreneur income simulator
|
||||
salarié:
|
||||
explication seo: <0>Calculate your net salary</0><1>During the job interview,
|
||||
the employer usually offers a "gross" remuneration. The announced amount
|
||||
|
|
@ -921,8 +967,8 @@ pages:
|
|||
(executive status, internship, apprenticeship, overtime, restaurant
|
||||
vouchers, mutual insurance, part-time work, collective agreement,
|
||||
etc.).
|
||||
ogTitle: 'Gross, net, net after-tax salary, total cost: the ultimate
|
||||
simulator for employees and employers'
|
||||
ogTitle: 'Gross, net, net after-tax salary, total cost: the ultimate simulator
|
||||
for employees and employers'
|
||||
titre: 'Gross / net salary: the Urssaf converter'
|
||||
titre: Income simulator for employees
|
||||
par: per
|
||||
|
|
|
|||
|
|
@ -525,24 +525,7 @@ export default function CreateCompany({ statut }: CreateCompanyProps) {
|
|||
</small>
|
||||
</Trans>
|
||||
</Link>
|
||||
{i18n.language === 'fr' && isAutoentrepreneur && (
|
||||
<a
|
||||
className="ui__ interactive card button-choice lighter-bg"
|
||||
href={GuideAutoEntrepreneurUrl}
|
||||
download="guide-devenir-auto-entrepreneur-en-2020"
|
||||
>
|
||||
<p>Guide URSSAF auto-entrepreneur 2020</p>
|
||||
<small>
|
||||
Des conseils sur comment préparer son projet pour se lancer dans
|
||||
la création et une présentation détaillée de votre protection
|
||||
sociale.
|
||||
</small>
|
||||
<br />
|
||||
<div css="text-align: right">
|
||||
<small className="ui__ label">PDF</small>
|
||||
</div>
|
||||
</a>
|
||||
)}
|
||||
{isAutoentrepreneur && <RessourceAutoEntrepreneur />}
|
||||
{i18n.language === 'fr' && ['EI', 'EIRL', 'EURL'].includes(statut) && (
|
||||
<a
|
||||
target="_blank"
|
||||
|
|
@ -587,3 +570,56 @@ const StatutsExample = ({ statut }: StatutsExampleProps) => {
|
|||
</a>
|
||||
)
|
||||
}
|
||||
|
||||
export function RessourceAutoEntrepreneur() {
|
||||
const { i18n } = useTranslation()
|
||||
return (
|
||||
<>
|
||||
<Trans i18nKey="pages.common.ressources-auto-entrepreneur.FAQ">
|
||||
<a
|
||||
className="ui__ interactive card button-choice lighter-bg"
|
||||
href="https://www.autoentrepreneur.urssaf.fr/portail/accueil/une-question/questions-frequentes.html"
|
||||
target="_blank"
|
||||
>
|
||||
<p>Questions fréquentes</p>
|
||||
<small>
|
||||
Une liste exhaustive et maintenue à jour de toutes les questions
|
||||
fréquentes (et moins fréquentes) que l'on est amené à poser en tant
|
||||
qu'auto-entrepreneur
|
||||
</small>
|
||||
</a>
|
||||
</Trans>
|
||||
{i18n.language === 'fr' && (
|
||||
<a
|
||||
className="ui__ interactive card button-choice lighter-bg"
|
||||
href={GuideAutoEntrepreneurUrl}
|
||||
download="guide-devenir-auto-entrepreneur-en-2020"
|
||||
>
|
||||
<p>Guide partique Urssaf 2020</p>
|
||||
<small>
|
||||
Des conseils pour les auto-entrepreneurs : comment préparer son
|
||||
projet pour se lancer dans la création et une présentation détaillée
|
||||
de votre protection sociale.
|
||||
</small>
|
||||
<br />
|
||||
<div css="text-align: right">
|
||||
<small className="ui__ label">PDF</small>
|
||||
</div>
|
||||
</a>
|
||||
)}
|
||||
<Trans i18nKey="pages.common.ressources-auto-entrepreneur.impôt">
|
||||
<a
|
||||
className="ui__ interactive card button-choice lighter-bg"
|
||||
target="_blank"
|
||||
href="https://www.impots.gouv.fr/portail/professionnel/je-choisis-le-regime-du-micro-entrepreneur-auto-entrepreneur"
|
||||
>
|
||||
<p>Comment déclarer son revenu aux impôts ?</p>
|
||||
<small>
|
||||
Les informations officielles de l'administration fiscale concernant
|
||||
les auto-entrepreneurs et le régime de la micro-entreprise.
|
||||
</small>
|
||||
</a>
|
||||
</Trans>
|
||||
</>
|
||||
)
|
||||
}
|
||||
|
|
|
|||
|
|
@ -5,36 +5,46 @@ import StackedBarChart from 'Components/StackedBarChart'
|
|||
import { ThemeColorsContext } from 'Components/utils/colors'
|
||||
import { IsEmbeddedContext } from 'Components/utils/embeddedContext'
|
||||
import { EngineContext } from 'Components/utils/EngineContext'
|
||||
import Meta from 'Components/utils/Meta'
|
||||
import { SitePathsContext } from 'Components/utils/SitePathsContext'
|
||||
import { default as React, useContext } from 'react'
|
||||
import { Helmet } from 'react-helmet'
|
||||
import { Trans, useTranslation } from 'react-i18next'
|
||||
import { useSelector } from 'react-redux'
|
||||
import { targetUnitSelector } from 'Selectors/simulationSelectors'
|
||||
import AutoEntrepreneurPreview from './images/AutoEntrepreneurPreview.png'
|
||||
import Emoji from 'Components/utils/Emoji'
|
||||
import { RessourceAutoEntrepreneur } from '../Créer/CreationChecklist'
|
||||
import RuleLink from 'Components/RuleLink'
|
||||
|
||||
export default function AutoEntrepreneur() {
|
||||
const inIframe = useContext(IsEmbeddedContext)
|
||||
const { t } = useTranslation()
|
||||
|
||||
const { t, i18n } = useTranslation()
|
||||
const META = {
|
||||
title: t(
|
||||
'pages.simulateurs.auto-entrepreneur.meta.titre',
|
||||
'Auto-entrepreneurs : simulateur de revenus'
|
||||
),
|
||||
description: t(
|
||||
'pages.simulateurs.auto-entrepreneur.meta.description',
|
||||
"Calcul de votre revenu à partir du chiffre d'affaires, après déduction des cotisations et de l'impôt sur le revenu."
|
||||
),
|
||||
ogTitle: t(
|
||||
'pages.simulateurs.auto-entrepreneur.meta.ogTitle',
|
||||
'Auto-entrepreneur : calculez rapidement votre revenu net à partir du CA et vice-versa'
|
||||
),
|
||||
ogDescription: t(
|
||||
'pages.simulateurs.auto-entrepreneur.meta.ogDescription',
|
||||
"Grâce au simulateur de revenu auto-entrepreneur développé par l'Urssaf, vous pourrez estimer le montant de vos revenus en fonction de votre chiffre d'affaire mensuel ou annuel pour mieux gérer votre trésorerie. Ou dans le sens inverse : savoir quel montant facturer pour atteindre un certain revenu."
|
||||
),
|
||||
...(i18n.language === 'fr' && { ogImage: AutoEntrepreneurPreview })
|
||||
}
|
||||
const isEmbedded = React.useContext(IsEmbeddedContext)
|
||||
return (
|
||||
<>
|
||||
<Helmet>
|
||||
<title>
|
||||
{t(
|
||||
'simulateurs.auto-entrepreneur.page.titre',
|
||||
'Auto-entrepreneur : simulateur officiel de revenus et de cotisations'
|
||||
)}
|
||||
</title>
|
||||
<meta
|
||||
name="description"
|
||||
content={t(
|
||||
'simulateurs.auto-entrepreneur.page.description',
|
||||
"Estimez vos revenus en tant qu'auto-entrepreneur à partir de votre chiffre d'affaire. Prise en compte de toutes les cotisations et de l'impôt sur le revenu. Simulateur officiel de l'Urssaf"
|
||||
)}
|
||||
/>
|
||||
</Helmet>
|
||||
<Meta {...META} />
|
||||
{!inIframe && (
|
||||
<h1>
|
||||
<Trans i18nKey="simulateurs.auto-entrepreneur.titre">
|
||||
<Trans i18nKey="pages.simulateurs.auto-entrepreneur.titre">
|
||||
Simulateur de revenus auto-entrepreneur
|
||||
</Trans>
|
||||
</h1>
|
||||
|
|
@ -44,6 +54,7 @@ export default function AutoEntrepreneur() {
|
|||
config={autoEntrepreneurConfig}
|
||||
explanations={<ExplanationSection />}
|
||||
/>
|
||||
{!isEmbedded && <SeoExplanations />}
|
||||
</>
|
||||
)
|
||||
}
|
||||
|
|
@ -87,3 +98,74 @@ function ExplanationSection() {
|
|||
</section>
|
||||
)
|
||||
}
|
||||
|
||||
function SeoExplanations() {
|
||||
const sitePaths = useContext(SitePathsContext)
|
||||
return (
|
||||
<Trans i18nKey="pages.simulateurs.auto-entrepreneur.seo explanation">
|
||||
<h2>Comment calculer le revenu net d'un auto-entrepreneur ?</h2>
|
||||
<p>
|
||||
Un auto-entrepreneur doit payer des cotisations sociales à
|
||||
l'administration. Ces cotisations servent au financement de la sécurité
|
||||
sociale, et ouvrent des droits pour la retraite ou pour l'assurance
|
||||
maladie. Elle permettent également de financer la formation
|
||||
professionnelle. Leur montant varie en fonction du type d'activité.
|
||||
</p>
|
||||
<p>
|
||||
<Emoji emoji="👉" />{' '}
|
||||
<RuleLink dottedName="dirigeant . auto-entrepreneur . cotisations et contributions">
|
||||
Voir le détail du calcul des cotisations
|
||||
</RuleLink>
|
||||
</p>
|
||||
<p>
|
||||
Mais ce n'est pas la seule dépense : pour calculer le revenu net, il
|
||||
faut aussi prendre en compte toutes les dépenses effectuées dans le
|
||||
cadre de l'activité professionnelle (équipements, matière premières,
|
||||
local, transport). Bien qu'elles ne soient pas utilisées pour le calcul
|
||||
des cotisations et de l'impôt, elles doivent être prises en compte pour
|
||||
vérifier si l'activité est viable économiquement.
|
||||
</p>
|
||||
<p>
|
||||
La formule de calcul complète est donc :
|
||||
<blockquote>
|
||||
<strong>
|
||||
Revenu net = Chiffres d'affaires − Cotisations sociales − Dépenses
|
||||
professionnelles
|
||||
</strong>
|
||||
</blockquote>
|
||||
</p>
|
||||
<h2>
|
||||
Comment calculer l'impôt sur le revenu pour un auto-entrepreneur ?
|
||||
</h2>
|
||||
<p>
|
||||
Si vous avez opté pour le versement libératoire lors de la création de
|
||||
votre auto-entreprise, l'impôt sur le revenu est payé en même temps que
|
||||
les cotisations sociales.
|
||||
</p>
|
||||
<p>
|
||||
<Emoji emoji="👉" />{' '}
|
||||
<RuleLink dottedName="dirigeant . auto-entrepreneur . impôt . versement libératoire . montant">
|
||||
Voir comment est calculé le montant du versement libératoire
|
||||
</RuleLink>
|
||||
</p>
|
||||
<p>
|
||||
Sinon, vous serez imposé selon le barème standard de l'impôt sur le
|
||||
revenu. Le revenu imposable est alors calculé comme un pourcentage du
|
||||
chiffre d'affaires. C'est qu'on appel l'abattement forfaitaire. Ce
|
||||
pourcentage varie en fonction du type d'activité excercé. On dit qu'il
|
||||
est forfaitaire car il ne prends pas en compte les dépenses réelles
|
||||
effectuées dans le cadre de l'activité.
|
||||
</p>
|
||||
<p>
|
||||
<Emoji emoji="👉" />{' '}
|
||||
<RuleLink dottedName="dirigeant . auto-entrepreneur . impôt . revenu abattu">
|
||||
Voir le détail du calcul du revenu abattu pour un auto-entrepreneur
|
||||
</RuleLink>
|
||||
</p>
|
||||
<h2>Ressources utiles</h2>
|
||||
<div style={{ display: 'flex' }}>
|
||||
<RessourceAutoEntrepreneur />
|
||||
</div>
|
||||
</Trans>
|
||||
)
|
||||
}
|
||||
|
|
|
|||
Binary file not shown.
|
After Width: | Height: | Size: 45 KiB |
Loading…
Reference in New Issue